⭐180+ hours of content, 22+ projects including source code available on my platform: dub.sh/yHzgD0r Hi all 👋 In this 10-hour tutorial you will learn how to create a full-stack Google docs clone, including real-time collaboration, comments, threads, an advanced TipTap editor, custom extensions, templates and much more. Here is what you will build: 📝 Rich Text Editor 🤝 Real-time Collaboration & Database 💭 Comments and Mentions 🔔 Notifications System 📑 Document Templates 📋 Copy and Paste ↩ Undo/Redo History 📊 Table Support 🖼 Image Uploads 📏 Margin Controls ⬇ Export (PDF, HTML, TXT, JSON) 👥 User Profiles 🏢 Organization Workspaces ✉ Organization Invites 🔒 Authentication 📱 Responsive Design 🎯 Cursor Tracking 🎨 Text Formatting Tools 📝 Lists and Checklists 🔗 Link Embedding ⚛ Next.js 15 & React 19 🎨 Shadcn UI & Tailwind CSS 🚀 Deployment on Vercel
Yeah, I did it. 🔥 I just completed this course and deployed it to the Vercel server. I wrote the code myself by following the video, and it took me around 25 hours. Throughout the process, I discovered new aspects of myself. Thank you, Antonio, for this amazing course! [Date: 11.12.2024]
Did you manage to get Clerk to work in production mode (not dev mode)? I can find no guides or instructions on how to do this. I thought Clerk was supposed to be the easy solution-I find NextAuth much easier-any advice would be welcome. thanks in advance.
Antonio's tutorials are the only ones that age well, I can still recommend the previous year's stripe tutorials and they're still very relevant. Thank you so much for doing this for the community
so happy to hear that, recently i’ve started showing exact versions of every package i install in hopes of having the videos age even better and be preserved even after breaking changes!
I don’t know how else to express how grateful I am for your work and this channel, but truly this is unreal, you must’ve been sent down to earth from above 🙏
Thanks for leaving the necessary assets, it is what complicated me the most since the pro code modality was made in the academy, it is much appreciated to be able to follow the video step by step, keep it up Antonio you do an incredible job.
Bro eres el mejor coder que nunca había conocido, gracias a tus videos quiero llegar a ser un Senior en Front, das contenido de calidad,en serio gracias.
Antonio is the developer i want to be in my career 😍 You are literally a goat. I often used your style of developing in my company and they impress by that approach. Thank you for these brilliant tutorials.
I will finish this project tomorrow. Although I don't understand English, I learn very quickly with your videos because it is very well explained. You are the Goat of the web.
Among the firsts commenting here, by the way GREATE project tutorial, i'm juste amazed about this tutorial just by watching the beginning. Thanks again Anotonio 🚀🚀
The men, The myth, the legend - Mr Antonio - You sir should be in the books like Isaac Newton's of this world. The dedication you have for empowering struggling developers like me is unparalleled. You took the game to a new whole level
Kindly consider implementing a Google Sheets-like project. It's a challenging endeavor that offers valuable learning opportunities, including: **Implementing Canvas-Based Rendering to build the UI layout for the sheet. **Developing Two-Way Binding Functionality for cells. **Building Formula Relations and Dependency Graphs using Depth-First Search (DFS). **Applying Cycle Detection Algorithms for directed graphs. **Managing infinite sheets with synchronous data storage. This project can significantly enhance our skills in these advanced concepts.
Just when i thought Antonio couldn't come up with better ideas and projects, he comes up with a frickin Goggle docs clone Your channel is such a gift to this community....Thanks so much for everything 🙏🙏🙏 Love from Nigeria 🇳🇬
Antonio love your work but for your next tutorial can you please use Postgres and Prisma/Drizzle. I just feel most modern companies use this stack and it would help a lot
I am so glad, that I don't need to write all the code from the screen now and just give the screenshots to chat-gpt to get the code back with explanatory comments. It saves me so much time to focus on the content and things I am interested in, as oposed to strugging with writing the code down. I can advance faster with the tutorial get more value from it by focusing on what matters for me: convex db and its interraction with next js 15, which can be universally appied in different kinds of apps.
This isn't to put Antonio's content down or say it's bad because it's not. I am writing this comment so people can understand that this project won't help you be a good developer since it's literally just sticking multiple libraries together. You will only end up in tutorial hell and as someone who has been part of it can tell you learn by reinventing the wheel not by using things that are already made by people to make you a better developer. Again this isn't a dig at Antonio
You are right. For becomming an expert, you need to solve problems and overcome the difficulties by making your own brain work not just copying what others did. I did already several Antonio's tutorials which are great, but still cannot consider myself as independent developer, despite of starting a few own projects. However, I am still not discouraged to do this tutorial for the sake of borrowing the newest concepts and tricks which I can apply to my creative work. The only problem is the opportunity cost of following the tutorial, which requires a significant time investment and diverts my effort from my own projects. Fortunatelly with chat gpt and copilot I can advance faster, but still would like to finish this one as soon as possible.
Congratulations man thats quasi what i needed ! Just a question : how do you manage the paginations and columns insertions ? Do you have a discord to discuss about it ? Congrats !!
If you watching this video, React 19 is stable now, so you could install the latest version of Next.js, but if want to follow the exact path, you could install with the version , mentioned in the video
Please make tutorials with vanilla react not next.js. most students want to understand react properly and next abstracts away a lot of the things we need in jobs around routing deployment etc. but you are amazing and thank you!
Hi Antonio, thank you for your amazing project. I followed your project, added an AI Assistant function to the document editor, and integrated Stripe into this project. Here is a bug in your project: the offlinesupport_exp can't set to be true. Because it will cause other members in the same org preload unchanged initial content so that sync conflict will happen. The way to fix it is to set it to false. Or need to check if the user is the owner. If he's not, don't use initial_content.
@ yea. I added an ai assistant function in this project. The experience is similar to a chat assistant. I need some time to polish it and will open source it asap.
Urgently!! Hi, Why all custom extensions don't work for me, I did everything like in the video, double-checked many times, spell check doesn't work either? 3:17:15
Hi Antonio, I love all your tutorials-they've been incredibly helpful in my daily work as a front-end engineer. I'm interested in purchasing lifetime access to your platform, and I was wondering if this platform could provide me with an invoice? Again, thank you so much!
⭐180+ hours of content, 22+ projects including source code available on my platform: dub.sh/yHzgD0r
Hi all 👋 In this 10-hour tutorial you will learn how to create a full-stack Google docs clone, including real-time collaboration, comments, threads, an advanced TipTap editor, custom extensions, templates and much more.
Here is what you will build:
📝 Rich Text Editor
🤝 Real-time Collaboration & Database
💭 Comments and Mentions
🔔 Notifications System
📑 Document Templates
📋 Copy and Paste
↩ Undo/Redo History
📊 Table Support
🖼 Image Uploads
📏 Margin Controls
⬇ Export (PDF, HTML, TXT, JSON)
👥 User Profiles
🏢 Organization Workspaces
✉ Organization Invites
🔒 Authentication
📱 Responsive Design
🎯 Cursor Tracking
🎨 Text Formatting Tools
📝 Lists and Checklists
🔗 Link Embedding
⚛ Next.js 15 & React 19
🎨 Shadcn UI & Tailwind CSS
🚀 Deployment on Vercel
Want multi-tanent app like shopify clone
Is this beginner friendly ?
@hussain-shk not at all
@@Examji Not sure why you would say that. Antonio videos are full of insights, even for beginners, that you will not find elsewhere.
@codewithantonio this great. Can you make video on TipTap Import with the same editor. Happy to see more.
Yeah, I did it. 🔥
I just completed this course and deployed it to the Vercel server. I wrote the code myself by following the video, and it took me around 25 hours. Throughout the process, I discovered new aspects of myself. Thank you, Antonio, for this amazing course! [Date: 11.12.2024]
Amazing job!!!!
@@codewithantonio thank you !!!
Did you manage to get Clerk to work in production mode (not dev mode)? I can find no guides or instructions on how to do this. I thought Clerk was supposed to be the easy solution-I find NextAuth much easier-any advice would be welcome. thanks in advance.
I don't know how you keep doing this. But you're just simply a GOAT!
Thank you!
Can't express how happy I was when the notification of this video popped up 😆
Antonio's tutorials are the only ones that age well, I can still recommend the previous year's stripe tutorials and they're still very relevant. Thank you so much for doing this for the community
so happy to hear that, recently i’ve started showing exact versions of every package i install in hopes of having the videos age even better and be preserved even after breaking changes!
I don’t know how else to express how grateful I am for your work and this channel, but truly this is unreal, you must’ve been sent down to earth from above 🙏
Thank you very much! :)
Thanks for leaving the necessary assets, it is what complicated me the most since the pro code modality was made in the academy, it is much appreciated to be able to follow the video step by step, keep it up Antonio you do an incredible job.
The Goat is Back with enough salt for everyone!!! :D
Bro eres el mejor coder que nunca había conocido, gracias a tus videos quiero llegar a ser un Senior en Front, das contenido de calidad,en serio gracias.
独学でプログラミングの勉強ができて最高に嬉しいです！
英語は半分くらいしか理解できませんが、英語の勉強もプログラミングも頑張ります！
You are a pro man, I am definitely sure that this Chanel hits 1 million subscribers soon,
Don't have any words for you❤❤
Bangers after bangers 🔥🔥 love 💕 from kenya 🇰🇪
Antonio is the developer i want to be in my career 😍 You are literally a goat. I often used your style of developing in my company and they impress by that approach. Thank you for these brilliant tutorials.
So happy to hear that!
My dictionary doesn't have enough vocabulary for you bro Just f*cking good! 🔥🔥🔥 The only yt channel I wait for notifications!!!!!!
Glad you enjoy it!
actually there is no vocablary for it
And here's the GOAT.
You're a GOAT Antonio 🖤
Nice Job Antonio. You are the GOAT.
Antonio, you are from another world
This is beyond human capabilities to keep delivering such amazing content, much thanks 🙏
Your channel is an inspiration ❤
Glad you like it!
Awesome project antonio❤🔥
Thank you! ❤
Your coding is nice but I follow your tutorial because you teach very well so that atleast we understand what we are writing and why we are writing
I will finish this project tomorrow. Although I don't understand English, I learn very quickly with your videos because it is very well explained. You are the Goat of the web.
Good luck!
I’m your fan, please post videos like this more often, you’re a very good mentor and even explain things very well, you’re the best!❤
Finally did it 🙌 🎉
Antonio is number #1 on YT. Only this.
Thank you!
Super ambitious project! Great work man.
As always, a great project 🙌
I can't even catch a break. The moment I'm still exploring the ones I learn before... He comes with something better and richer 😅
just completed your tutorial. Thank you soo much for this amezing content. Keep going.
Congrats on completing the course!!
Simply amazing. well done ❤❤❤❤❤❤
Thank you!
thank you so much. I bought lifetime membership today. Your videos are awesome 🙏
Thank you so much for your support 🩷
Another amazing tutorial! Great work! 🔥🔥
Thank you very much!
Hats off to you brother for providing this level projects
Thank you, your support means a lot to me!
I was just wondering something with next js 15 and this guy comes with it what a nice mind reading !!
Happy I could be of help!
Crazy
Great job🎉
Among the firsts commenting here, by the way GREATE project tutorial, i'm juste amazed about this tutorial just by watching the beginning. Thanks again Anotonio 🚀🚀
Thank you for your support! 🙏
Excellent work! Thank you for the efforts and time that you poured in this amazing tutorial.
Love from 🇮🇳 Antonio Brother ❤
You deserve million subs bro🍺
The men, The myth, the legend - Mr Antonio - You sir should be in the books like Isaac Newton's of this world. The dedication you have for empowering struggling developers like me is unparalleled. You took the game to a new whole level
Kindly consider implementing a Google Sheets-like project. It's a challenging endeavor that offers valuable learning opportunities, including:
**Implementing Canvas-Based Rendering to build the UI layout for the sheet.
**Developing Two-Way Binding Functionality for cells.
**Building Formula Relations and Dependency Graphs using Depth-First Search (DFS).
**Applying Cycle Detection Algorithms for directed graphs.
**Managing infinite sheets with synchronous data storage.
This project can significantly enhance our skills in these advanced concepts.
We will build Google Sheets in the future as well!
Another video another masterpiece ❤
once again another banger 😶🌫
Just when i thought Antonio couldn't come up with better ideas and projects, he comes up with a frickin Goggle docs clone
Your channel is such a gift to this community....Thanks so much for everything 🙏🙏🙏
Love from Nigeria 🇳🇬
Thank you a lot ❤
Let him cook
No words!
Very cool!!
Great job 🎉
This is crazy content
Glad you like it!
I can't wait for an Ecommerce 2025
this not please
+1
Yes i too, maybe wix clone with wix studio admin clone?
Why? Just why? Aren't there already too many ecommerce projects on youtube already?
Merry Christmas Antonio
Wow, wonderful Antonio.
Thanks!
What would it be like if someone like you didn't exist? 🥰 just your hero bro 🤖🔥
Antonio love your work but for your next tutorial can you please use Postgres and Prisma/Drizzle. I just feel most modern companies use this stack and it would help a lot
Wow! I love it ❤
I'm glad you like it!
So cool. Thank you for this ❤❤❤❤
You are.a good damn ginius, how you gain such a amezing skill ❤❤❤❤❤
Love from india
Man Premium Content Thank you for teaching us
This is awesome! I'm waiting for the CapCut clone as the paid course.
That will be an interesting one!
This is Amazing. Thanks a lot Antonio
Glad you like it!
Hi antonio you are too good.
One request from side is do one project uses pure react not next..after that i move to next...
This is insane bro
Happy you like it!
I am so glad, that I don't need to write all the code from the screen now and just give the screenshots to chat-gpt to get the code back with explanatory comments. It saves me so much time to focus on the content and things I am interested in, as oposed to strugging with writing the code down. I can advance faster with the tutorial get more value from it by focusing on what matters for me: convex db and its interraction with next js 15, which can be universally appied in different kinds of apps.
I love your work
Please use a relational database and tool like prizma and drizzle. Becoz in companies data is important and secure. They dont give to third party apps
Wow so cool.. Can not wait google spreadsheet clone. Please make it one..
Definitely have it planned!
Sen adamsın kral!
This isn't to put Antonio's content down or say it's bad because it's not. I am writing this comment so people can understand that this project won't help you be a good developer since it's literally just sticking multiple libraries together. You will only end up in tutorial hell and as someone who has been part of it can tell you learn by reinventing the wheel not by using things that are already made by people to make you a better developer. Again this isn't a dig at Antonio
You are right. For becomming an expert, you need to solve problems and overcome the difficulties by making your own brain work not just copying what others did. I did already several Antonio's tutorials which are great, but still cannot consider myself as independent developer, despite of starting a few own projects. However, I am still not discouraged to do this tutorial for the sake of borrowing the newest concepts and tricks which I can apply to my creative work. The only problem is the opportunity cost of following the tutorial, which requires a significant time investment and diverts my effort from my own projects. Fortunatelly with chat gpt and copilot I can advance faster, but still would like to finish this one as soon as possible.
Amazing Amazing Job.
GOAT 🤯
❤️
Thats awsome dude can you please make a tutorial which uses payload cms with next js 15
Definitely have plans for Paylaod
CRAZYYY 🤯🤯🤯
That's why he is the GOOOAAAAT
I can't believe this is free to watch.
So happy you like it!
God, You're Awesome! Can you please do MilaNote Clone next?
Thanks for the idea!
Another banger
Thank you!
GOAT 🐐
Thank you! 🙌
Congratulations man thats quasi what i needed !
Just a question : how do you manage the paginations and columns insertions ? Do you have a discord to discuss about it ?
Congrats !!
Hey GOAT, want more tutorials on Next.Js + Hono
Thanks for this course... But please in next course use Remix as framework ✨
I will definitely try Remix in the future!
Wonderfully, thank you, inspiring for work. What's next? Microsoft Whiteboard? Microsoft Onenote? Obsidian?
If you watching this video, React 19 is stable now, so you could install the latest version of Next.js, but if want to follow the exact path, you could install with the version , mentioned in the video
Please make tutorials with vanilla react not next.js. most students want to understand react properly and next abstracts away a lot of the things we need in jobs around routing deployment etc. but you are amazing and thank you!
This is GREAT
So happy you like it!
antonio is the best🎉
Thank you!
Keep it up goatonio 🎉, next time maybe you can try make a Scalar REST API client clone or Insomnia, Hoppscotch like application, would be nice 😊
Hi Antonio, thank you for your amazing project. I followed your project, added an AI Assistant function to the document editor, and integrated Stripe into this project. Here is a bug in your project: the offlinesupport_exp can't set to be true. Because it will cause other members in the same org preload unchanged initial content so that sync conflict will happen. The way to fix it is to set it to false. Or need to check if the user is the owner. If he's not, don't use initial_content.
RAG AI Assistant?
@ yea. I added an ai assistant function in this project. The experience is similar to a chat assistant. I need some time to polish it and will open source it asap.
Awesome
Please make tutorial using Phoenix Framework and Elixir that Will be great
Thank you, and thanks for recommending the tech stack
Great ❤
Awesome project bro, btw could you make someting related to AI in the next video pls 🔥
Thanks for the idea!
Urgently!! Hi, Why all custom extensions don't work for me, I did everything like in the video, double-checked many times, spell check doesn't work either? 3:17:15
GOAT!
amazing
great project
Hi Antonio, I love all your tutorials-they've been incredibly helpful in my daily work as a front-end engineer. I'm interested in purchasing lifetime access to your platform, and I was wondering if this platform could provide me with an invoice?
Again, thank you so much!
hello, Antonio, Tiptap and quill, which one do you suggest.
Quill is free to use, unlike TipTap whic is mega expensive if you get above a few users, I'm going to try and rebuild this with Quill after this.
That was great Antonio 🎉💣 , and what is the name of the browser you are using?
Arc browser!
dude what cmd do u use i looks clean i wanna give it try please tell me dude. most appreciated
Warp!
Great job, Antonio!
For your next video, could you please make a Web3 tutorial?
Will do in the future!
Antonio, please build gather town clone. 🙏♥
That would be very interesting!
great!
Glad you like it!