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

Поделиться
HTML-код
  • Опубликовано: 12 сен 2024

Комментарии • 58

  • @yoJuicy
    @yoJuicy Месяц назад +23

    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
      @SonnySangha  Месяц назад +3

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

    • @yoJuicy
      @yoJuicy Месяц назад +3

      4:43:30

  • @ooweew
    @ooweew Месяц назад +2

    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
    @aryanapardeshi Месяц назад +1

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

  • @Renardcorreajr
    @Renardcorreajr Месяц назад +8

    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
      @SonnySangha  Месяц назад +1

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

  • @HafizMuhammadUsmanNasim
    @HafizMuhammadUsmanNasim Месяц назад +1

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

    • @SonnySangha
      @SonnySangha  Месяц назад

      Thank you so so much I appreciate you!

  • @oone_piece
    @oone_piece Месяц назад +2

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

  • @thekingsident
    @thekingsident 28 дней назад

    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
    @MurodjonMuzaffarov-e3u Месяц назад +1

    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
    @johngill-ck1ri Месяц назад +1

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

  • @sophia_castillo___
    @sophia_castillo___ Месяц назад

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

    • @SonnySangha
      @SonnySangha  Месяц назад

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

  • @katkat_01
    @katkat_01 Месяц назад +2

    Unreal!! Thank you so much!! 🔥

  • @julissacotillo
    @julissacotillo Месяц назад

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

  • @webprodigies
    @webprodigies Месяц назад +1

    This is mad crazy! Great stuff ❤

    • @SonnySangha
      @SonnySangha  Месяц назад +1

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

  • @abdu1wahid105
    @abdu1wahid105 Месяц назад

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

  • @DigitalAlchemyst
    @DigitalAlchemyst Месяц назад

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

  • @mtdmashigo876
    @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
      @SonnySangha  Месяц назад

      Awesome im glad to hear that!!!

  • @traggerosbourne6877
    @traggerosbourne6877 Месяц назад +1

    Great job bro

  • @nicholasbazzoni7084
    @nicholasbazzoni7084 Месяц назад

    incredible build

  • @hooho491
    @hooho491 Месяц назад +2

    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
      @SonnySangha  Месяц назад +2

      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
      @hooho491 Месяц назад

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

  • @adrianjazmin5092
    @adrianjazmin5092 5 дней назад

    is the task manager of notion here?

  • @FMAMCLOCKRADIO1
    @FMAMCLOCKRADIO1 Месяц назад

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

  • @jdhshs12
    @jdhshs12 Месяц назад

    I would like to see a Whimsical Clone

  • @inv1ctu_545
    @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?

  • @enriquegrageda
    @enriquegrageda Месяц назад

    Thanks bro 😊

  • @ilikerice2003
    @ilikerice2003 Месяц назад

    is the openai implentation part free?

  • @HafizMuhammadUsmanNasim
    @HafizMuhammadUsmanNasim Месяц назад

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

  • @mayankk2800
    @mayankk2800 Месяц назад

    What is the song at the start. Nice tutorial

  • @faisal8936
    @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
      @SonnySangha  Месяц назад +2

      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
      @faisal8936 Месяц назад +1

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

  • @RahulGupta-dm2gr
    @RahulGupta-dm2gr 29 дней назад

    Where is the github repo

  • @user-xy5vg7gs6z
    @user-xy5vg7gs6z Месяц назад

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

  • @MELOTION-24
    @MELOTION-24 16 дней назад +1

    any one facing problem with Cloudflare

    • @MELOTION-24
      @MELOTION-24 16 дней назад

      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
    @Ninja_bit 22 дня назад

    from Saadia Arabic thank you

  • @ankushladani496
    @ankushladani496 Месяц назад +1

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

    • @SonnySangha
      @SonnySangha  Месяц назад +1

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

    • @ankushladani496
      @ankushladani496 Месяц назад

      @@SonnySangha Great to hear that. 😄🚀

  • @usmanmarkaz
    @usmanmarkaz Месяц назад +1

    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
    @Devaratha6823 Месяц назад

    Hey Want projects on web3 please ❤

    • @SonnySangha
      @SonnySangha  Месяц назад +1

      There are many on the channel!

    • @Devaratha6823
      @Devaratha6823 Месяц назад

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

  • @bankbane123
    @bankbane123 24 дня назад

    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