In this podcast, the host walks you through the process of creating a Google Docs clone using Next.js 15, React 19, Convex, Liveblocks, and Clerk. You'll learn how to set up the project, integrate ShadCN UI for components, and implement routing. The tutorial also covers building a rich text editor with Tiptap, styling it, and creating a functional toolbar, complete with a ruler for margin adjustments and a navigation bar. A key highlight is the incorporation of real-time collaboration through Liveblocks, along with database integration via Convex and authentication using Clerk. The tutorial also addresses potential version conflicts that may arise from using the React 19 release candidate. Finally, the completed project is deployed on Vercel.
Takeaways
Outlines
Q & A
Preview
How to Get Rich: Every EpisodeNaval
Build a Real-Time Google Docs Clone With Next 15, React, Tailwind (2024) | Code With Antonio | Podwise