🔴 Let’s build an AI NOTION Clone with NEXT.JS 14! (Realtime Collab, Cloudflare, Clerk, Firebase)

[@ooweew]

Thanks again for this awesome video! For those wondering why "doc" in breadcrumbs navigated to "/doc", and not (for example) "localhost:3000/doc": In Breadcrumbs.tsx, the "path"-const is "const segments = path.split('/')", but can instead be "const segments = path.split('/').filter(Boolean);". Sonny mentioned this earlier before removing "... .filter(Boolean)" 👍

[@yoJuicy]

Cloudflare workers was a great idea. This is instantly one of the best examples for workers+next.js. very applicable for astro frondends too.

[@SonnySangha]

Incredible right!! They are so fast & powerful I’m super impressed💯

[@yoJuicy]

4:43:30

[@MzhdaAbdula]

​😅 ‏‪0:06‬‏ 😅 ‏‪0:06‬‏ 😅٢٢٢٢ ‏‪0:07‬‏ 😅 ‏‪0:07‬‏ ٢٢٢٢ ‏‪0:08‬‏ 😅٢😅😅 ‏‪0:09‬‏ 😅٢ ‏‪0:10‬‏ ٢😅٢٢٢٢٢ ‏‪0:11‬‏ ٢٢٢٢😅😅٢😅٢😅نم😅٢😊222

[@HafizMuhammadUsmanNasim]

Amazing, your energy and commitment is off the roof. You are so underrated.

[@SonnySangha]

Thank you so so much I appreciate you!

[@aryanapardeshi]

Seeing you motivated to sit down for long sessions now have changed my opionion and got focused

[@SonnySangha]

Love this!

[@thekingsident]

I started working on this build on July 18. I ran into some issues with OpenAI API request quota, I will get a paid subscription later to ensure it works. Anyway, I just now deployed. I have really learned a ton from this video. Thanks Sonny, you are a real one

[@shashivarun]

Bro can you send me your repo i am having hard time while coding the build

[@sophia_castillo___]

Thank you for creating this challenging but exciting build ~ 1st hour done, 4 hrs more to go !

[@SonnySangha]

Awesome!! I’m glad you’re enjoying it!

[@Renardcorreajr]

Its been a while since I sat through one of your crazy dev sessions. So much growth since and amazing build! Just banged this one out and loving it man! Keep it up Sonny!

[@SonnySangha]

Thank you so much and it’s awesome to have watching once again!!! #PAPAFAM

[@oone_piece]

i like the way you explain the topic you made it look so easy. thanks mate

[@julissacotillo]

Cloudflare workers +1!! thanks for the great build video

[@DigitalAlchemyst]

Have not done this one yet, Ill be hammering this one out during down time on the 5 day AI challenge !!

[@MurodjonMuzaffarov-e3u]

This is crazy and toppest 🔥 As usual u've made highly qualitative content, thank u✊ Please could u consider of making a video about how u came to this level, ur roadmap, experience journey 🙏 that would be very interesting & informative for ur subscribers

[@mtdmashigo876]

Thanks for build, been confused on what are the benefits of using server actions and this build put things in perspective for me

[@SonnySangha]

Awesome im glad to hear that!!!

[@johngill-ck1ri]

Hey Sonny Finished the build for this, its really great and I've demoed it to a lot of people now! Please you do a video on the cloudflare workers, as mentioned in the video, it would be greatly appreciated :) I've build a knowledge base feature and this would be amazing to reference for our teams learning etc...

[@IkramChabili]

😊😊

[@abdu1wahid105]

Nice collab feature: Big-Up Jay in the booth!

[@webprodigies]

This is mad crazy! Great stuff ❤

[@SonnySangha]

Thanks dude! Keep smashing with your builds too - they’re 🔥🔥🔥

[@katkat_01]

Unreal!! Thank you so much!! 🔥

[@nicholasbazzoni7084]

incredible build

[@traggerosbourne]

Great job bro

[@hooho491]

Dude, awesome video! I just finished the video, but I'm a little discouraged when I think that it's impossible to do this project by myself without coding along with you. I've been learning web dev by myself for almost 2 years, I started learning react 6 months ago at a company as an intern, now my internship is finished, so I have free time until I find a new job. I want to improve myself and build these kinds of cool projects by myself, like without a tutorial, but there's a lot to learn, though, and I feel like I'm still a beginner. How can I achieve this?

[@SonnySangha]

First off thank you so much for the support & good on you for tagging along! Don’t worry about this feeling its totally natural, keep exposing yourself to this content whether it be smaller videos on specific topics or practical larger builds - over time you’ll recognise the patterns and fundamentals and I’ve found this really helps students concrete in their knowledge especially on the basics! As for overcoming problems, I personally recommend you find a mentor, I mentor students inside our community/course Zero to Full stack hero: www.papareact.com/course, this is a great place to start with platinum and diamond for different coaching programs BUT either way just make sure you keep on progressing 1% each day and don’t compare to others, I’ve been coding for 13 years now and I still have moments of struggle its totally normal and its part of the process - embrace it and love it, here if you need that mentorship bud. Happy coding!

[@hooho491]

@@SonnySangha Thank you so much man! I really appreciate it

[@jdhshs12]

I would like to see a Whimsical Clone

[@FMAMCLOCKRADIO1]

Great video! Quick question: What tool do you use when you draw and write on the screen, such as at 31:14?

[@SonnySangha]

Screen brush

[@enriquegrageda]

Thanks bro 😊

[@faisal8936]

Hey sonny you content is 🔥 watching you from past 4 years, I wanted to ask about the server actions. Like I am creating a Full Stack application, used api routed with nextauth for authentication and all the different operations are done through server actions. So Is this a correct approach or is there any good practice I should implement? What do you think which is the best practice used in market!

[@SonnySangha]

Thank you so much for the support! You can use either option here, Server actions can simplify things massively, you may consider different strategies based on caching mechanisms however even this is now primarily based on the fetch API etc. Whatever you do just remain consistent in a build with the approach💯

[@faisal8936]

@@SonnySangha Thanks for the suggestion it means a lot for me.

[@CHRISTIANABARNABAS-n2o]

This is good Pls how can I get the playlist for free

[@mayankk2800]

What is the song at the start. Nice tutorial

[@HafizMuhammadUsmanNasim]

can't find the git repo for this any links please

[@Halfan_Hossen_Habib]

Background music is too loud

[@adrianjazmin5092]

is the task manager of notion here?

[@inv1ctu_545]

i just got done with setting up the cloudflare worker part. Now when I try to do "npm run dev" it gives me an undefined cause error. Is this supposed to happen because as you said the DNS propagation takes time?

[@asiframzan589]

How you resolve error??? npm run dev giving me eof error...

[@inv1ctu_545]

@@asiframzan589 i couldn't bro I tried but I think it didn't work for me lmk if u have any progress. Best of luck 🤞

[@savindugunasekara-xh3zx]

TypeError: Cannot read properties of undefined (reading 'plugins') error in useCreateBlockNote ... Did anyone get this error😪

[@RahulGupta-dm2gr]

Where is the github repo

[@ilikerice2003]

is the openai implentation part free?

[@devilkenway9321]

nope

[@Ninja_bit]

from Saadia Arabic thank you

[@SonnySangha]

🔥💯💪🏽 Thank you!!

[@usmanmarkaz]

can you please make it also with React native or Please make Full stack apps with react native plz plz sir love from pakistan

[@ankushladani496]

Are you from India? Because your name is similar to Indian.

[@SonnySangha]

This question… lol Family roots go back to Punjab yes - let’s focus on the video now

[@ankushladani496]

@@SonnySangha Great to hear that. 😄🚀

[@bankbane123]

hello sonny i've some problem on deploy on vercel it's about service_key.json that we assign to .gitignore so i got error Module not found: Can't resolve '@/service_key.json' on firebase-admin.ts how to fit it ? vercel not support include json file

[@MELOTION-24]

3:11:00