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

[@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

[@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)" 👍

[@aryanapardeshi]

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

[@SonnySangha]

Love this!

[@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

[@HafizMuhammadUsmanNasim]

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

[@SonnySangha]

Thank you so so much I appreciate you!

[@oone_piece]

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

[@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

[@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

[@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]

😊😊

[@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!

[@katkat_01]

Unreal!! Thank you so much!! 🔥

[@julissacotillo]

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

[@webprodigies]

This is mad crazy! Great stuff ❤

[@SonnySangha]

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

[@abdu1wahid105]

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

[@DigitalAlchemyst]

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

[@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!!!

[@traggerosbourne6877]

Great job bro

[@nicholasbazzoni7084]

incredible build

[@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

[@adrianjazmin5092]

is the task manager of notion here?

[@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

[@jdhshs12]

I would like to see a Whimsical Clone

[@enriquegrageda]

Thanks bro 😊

[@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?

[@ilikerice2003]

is the openai implentation part free?

[@HafizMuhammadUsmanNasim]

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

[@mayankk2800]

What is the song at the start. Nice tutorial

[@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.

[@RahulGupta-dm2gr]

Where is the github repo

[@user-xy5vg7gs6z]

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

[@MELOTION-24]

any one facing problem with Cloudflare

[@MELOTION-24]

There was an access violation in the runtime. On Windows, this may be caused by an outdated Microsoft Visual C++ Redistributable library. Check that you have the latest version installed. any one can solve it

[@Ninja_bit]

from Saadia Arabic thank you

[@SonnySangha]

🔥💯💪🏽 Thank you!!

[@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. 😄🚀

[@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

[@Devaratha6823]

Hey Want projects on web3 please ❤

[@SonnySangha]

There are many on the channel!

[@Devaratha6823]

@@SonnySangha Can you please make an more advanced Project with nextjs and Firebase..!

[@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