🟒 Let’s Build a Notion Clone with Opus 4.8! | Beginner Series Ep #10 (Ultracode, AI Agents, Clerk)

1️⃣ Sign up to Clerk πŸ‘‰ https://go.clerk.com/bBSnBB0
2️⃣ Join my new AI Community for FREE! πŸ‘‰ https://www.papareact.com/ztoh-form

───

Episode 10 of our new Series ‘Code with AI the Right Way’ is here! β€” and this time, we’re building a Notion clone LIVE from scratch! (It even includes AI Agents!)

This is a LIVE build β€” mistakes, debugging, and all. That’s the point. You learn more watching someone solve real problems in real-time than from a polished, pre-recorded tutorial.

πŸ•£ Timestamps:
0: 00 Intro + Build Overview
2: 17 AI widgets + Opus 4.8 workflow
3: 31 Clerk sponsor + auth setup
5: 44 Convex backend + editor sync
10: 22 Tech stack: Next.js 16, Clerk + Convex
15: 34 Creating the Clerk account
20: 00 Starting the app with Claude Code
25: 37 Running the app locally
30: 13 Creating the GitHub repo
31: 19 Setting up Convex
40: 00 Clerk + Convex auth flow
55: 10 Safe branch workflow
58: 00 BlockNote + Convex sync plan
1: 05: 00 Workflow planning with agents
1: 15: 00 Creating Potion Plus plan
1: 25: 00 Reviewing the full build plan
1: 45: 22 Parallel agents building features
1: 55: 16 Staging, smoke tests + production safety
2: 05: 06 Fixing route protection
2: 20: 08 Autonomous agents + PR workflow
2: 31: 00 Adding the dev script
2: 35: 00 Setting OpenAI + webhook secrets
2: 40: 00 Plan limits + feature gating
2: 45: 54 Debugging active organization state
2: 50: 00 Patching Clerk JWT org claims
3: 00: 00 Creating pages + AI editor demo
3: 05: 07 Checkout success + workspace test
3: 10: 00 Testing the AI document agent
3: 20: 20 Switching to GPT-4o mini
3: 25: 02 AI translation + widget workflow
3: 35: 00 Workflow debugging + architecture fixes
3: 50: 00 Listing documents with the AI agent
3: 55: 00 Testing improve writing
4: 00: 12 Fixing AI suggestion sync
4: 25: 40 Final demo prep
4: 34: 17 Recovery mutation + final fixes

───

πŸ‘‰πŸ“š Check out my course & community here: https://www.papareact.com/course
πŸ‘‰πŸŽ΅ Get the PAPAFAM Playlist & Weekly AI Newsletters: https://www.papareact.com/newsletter

───

πŸ“± Follow me across socials:

Instagram: https://links.papareact.com/instagram
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/x
TikTok: https://links.papareact.com/tiktok
Threads: https://links.papareact.com/threads

DISCLAIMER: This video is sponsored by Clerk. This video is made for informational and educational purposes only. We do not own or affiliate with Notion and/or it’s subsidiaries in any form. Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for β€œfair use” of this video for education purposes.