CodeWithAntonio
CodeWithAntonio•16mo ago

Notion Clone

Hi all 👋 I created a full stack Notion clone using the amazing Convex database! You can check it out here: https://youtu.be/0OaDyjB9Ib8?si=C8Oyg54kcKWU62Jl
Code With Antonio
YouTube
Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full...
Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/projects/notes-app Convex: https://www.convex.dev Clerk: https://dub.sh/7gFtfQb Edgestore: https://edgestore.dev Trunk: https://trunk.io Hi all 👋 In this 8 hour tutorial you will learn how to create an end-to-end ...
9 Replies
Omar Farooq
Omar Farooq•16mo ago
Now all I have to do is fine tune an AI agent on this 8 hour video (and repo ;)), total world domination thereafter Awesome work @CodeWithAntonio !
ian
ian•16mo ago
This is really impressive. FYI you don't need the CONVEX_DEPLOYMENT var in prod, just the CONVEX_DEPLOY_KEY as you suspected (~7:50). I had never thought to copy my local env into vercel - that is way faster!
CodeWithAntonio
CodeWithAntonioOP•16mo ago
yes! i got a little confused there but I would not blame it on the docs, its just that while talking about what I am doing, doing it, recording it, being close to finishing the video makes me a bit unfocused 😅 on my original code and deployment i got it right on the first try just by reading the docs 🙂
ian
ian•16mo ago
It did make me think whether we could give a better experience there - like supporting both, or suggesting the fix in the error message Would you recommend blocknote for all projects with text editing? It seems super cool and hadn't heard of it before.
james
james•16mo ago
This is tremendous. Amazing work!
CodeWithAntonio
CodeWithAntonioOP•16mo ago
I found BlockNote to be a perfect abstraction around TipTap. Using TipTap itself would definitely be the best option, but it would take me at least 8 more hours to come up with something even remotely close to BlockNote. So its a great package for a notion like editor which allows massive customization. There is also Novel, which i am not sure if it is built to be imported into other projects and will be maintaned or if its just a demo of what can be built with tiptap, so I skipped it even thought it looks amazing. There is also Editor.JS which is great but it is intended to be used as a content management system meaning that you would save code blocks representing the content and then render them and style them differently by using the ID / Type of the blocks, so its not exactly a wysiwyg but its amazing Thank you!
Pj
Pj•15mo ago
Don't know is it right place or not. Error: Socket connection timeout Facing this issue while login with terminal. When Running npx convex dev I was following tutorial tried multiple things. This is my weekend target to learn. Please help.
jamwt
jamwt•15mo ago
That generally happens when you have either a poor internet connect or there is a firewall preventing traffic from getting to convex.
Pj
Pj•15mo ago
Issue resolved automatically today, Might be network issue.

Did you find this page helpful?