NEXT.js 14 Full Course | Build and Deploy a Full Stack App w. Firebase & TailwindCSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.พ. 2025

ความคิดเห็น • 101

  • @Smoljames
    @Smoljames  5 หลายเดือนก่อน

    Cheers for watching 💛 Get hired faster with a better resume @ www.hyr.sh

  • @HenokGebresenbet
    @HenokGebresenbet 5 หลายเดือนก่อน +19

    cool man i've been searching for nextjs with firebase i see it clicked it now i'm here

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +3

      How serendipitous :)

  • @flavioeduardo5839
    @flavioeduardo5839 5 หลายเดือนก่อน +11

    Thanks, From Africa-Angola

  • @LeudaKuria
    @LeudaKuria 5 หลายเดือนก่อน +25

    I love how you assume we know nothing and you explain everything. You continue like this you'll be the biggest coding channel. Please never stop explaining the way you do, and do more full projects. I'm not a follower. I am a disciple. Give us more coding Jesus!

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +3

      Cheers broski! Thats very kind of you to say and I'll do my best to keep it up :D

    • @BenDami-jx8wu
      @BenDami-jx8wu 2 หลายเดือนก่อน

      the irony is , i actually know nothing, so this is gold lmao

  • @a13Banger
    @a13Banger 4 หลายเดือนก่อน +1

    Just a fantastic video. I am just now picking up NextJs and you really make this easier to pick up. You have great pacing, super relevant dialog, just real mastery on display and I think that translates to something that is very easy to absorb on this end, for me. Thanks for sharing!

  • @prateekpuri796
    @prateekpuri796 5 หลายเดือนก่อน +6

    Cool and thoughtful project James, Subscribed right away!
    I've been doomscrolling for a long time now wanting for the perfect tutorial/project to popup and motivate me to learn nextjs. LOL
    I'll start with this one !

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Love to hear it home slice :)

  • @nazd5594
    @nazd5594 5 หลายเดือนก่อน +3

    This is the course I've been waiting for, thank you James!

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      My pleasure!

  • @junaidmuhammad6096
    @junaidmuhammad6096 5 หลายเดือนก่อน +2

    Thank you brother I've just completed my react, now I'll learn next js .

  • @Matrixerqwerty
    @Matrixerqwerty 5 หลายเดือนก่อน +3

    I was just looking for this, I literally searched for this yesterday but it was not available, thanks 🙏

  • @caioba5862
    @caioba5862 5 หลายเดือนก่อน +4

    Thanks man, you just got a subscriber, loved your content. Your way to explain things worked beautifully to me.
    I'm from Brazil and you'r video was the first that i understood all since the beggining

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Love to hear it my friend! Glad you enjoyed the course :D

  • @yantech.4249
    @yantech.4249 5 หลายเดือนก่อน +1

    This is an amazing project with Next.js & Firebase. 🎉❤. Big thanks

  • @amanikanezamulume8337
    @amanikanezamulume8337 2 หลายเดือนก่อน

    Thanks for this amazing course big Brother!! 👍

  • @francisc.t.2033
    @francisc.t.2033 5 หลายเดือนก่อน

    Hi james, ive followed you for a while, currently learning your React vids, your javascript roadmap on the website also helped alot, looking forward for the other Chapters Notes, 🎉❤ you mean a lot to me, thanks

  • @nimraali8447
    @nimraali8447 5 หลายเดือนก่อน +1

    My Next semester in September gonna start with Nextjs,
    Thanks For Making and Uploading the Video and Giving me A Headstart
    Forever Grateful for Your Video's
    ❤❤❤❤

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      My pleasure home slice thanks for the comment!

  • @abdullahshaikh472
    @abdullahshaikh472 3 หลายเดือนก่อน

    Thanks for this video man !

  • @devansh65536
    @devansh65536 5 หลายเดือนก่อน +1

    Thanks man I wanted to start nextjs for so long.Love from india

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +1

      Well I hope you enjoy the tutorial!

  • @leonardoantoniogonzalez8016
    @leonardoantoniogonzalez8016 5 หลายเดือนก่อน

    Thanks from Argentina !

  • @alterboy1
    @alterboy1 5 หลายเดือนก่อน

    Lets gooooooo Next.js course is exactly what i needed in my life.

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +1

      @@alterboy1 love to hear it :)

  • @shivaganesh-m1e
    @shivaganesh-m1e 3 หลายเดือนก่อน

    THANK YOU IT IS USED FOR ME MORE WELL EXPLAIN

  • @Becksbradley
    @Becksbradley 5 หลายเดือนก่อน

    Cant wait to complete this project !

  • @tachroutine
    @tachroutine 5 หลายเดือนก่อน +1

    nice work bro

  • @johnnonamegibbon3580
    @johnnonamegibbon3580 5 หลายเดือนก่อน

    Bro, you are blowing up. Well done.

  • @MUsama-km2nk
    @MUsama-km2nk หลายเดือนก่อน +1

    a lot of thanks sir

    • @Smoljames
      @Smoljames  หลายเดือนก่อน

      You're very welcome!

  • @coderabdullahi444
    @coderabdullahi444 5 หลายเดือนก่อน

    thanks sir , you help us ! ❤‍🔥❤‍🔥

  • @markus_dev_cwb
    @markus_dev_cwb 5 หลายเดือนก่อน

    Awesome project!

  • @Becksbradley
    @Becksbradley 5 หลายเดือนก่อน

    Thanks for the video !

  • @abhishekgandhi6593
    @abhishekgandhi6593 5 หลายเดือนก่อน +1

    Amazing bro

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Cheers broski!

  • @BenDami-jx8wu
    @BenDami-jx8wu 2 หลายเดือนก่อน +1

    I am extremely grateful to get this for free.

  • @nxshipon6470
    @nxshipon6470 5 หลายเดือนก่อน

    super video sir

  • @hwapyongedouard
    @hwapyongedouard 5 หลายเดือนก่อน +1

    😎subscribed

  • @ehsanullahdehzad2723
    @ehsanullahdehzad2723 3 หลายเดือนก่อน

    I have to be studgying for Math exam, but here I am watching this amazing video

    • @Smoljames
      @Smoljames  3 หลายเดือนก่อน +1

      Aww thanks for the kind words home slice :D Home the math exam went well!

  • @Dev-f8y
    @Dev-f8y 5 หลายเดือนก่อน

    well there is laravel but not everybody likes laravel and php
    so you're right next js is awesome

  • @0X_0LL4R-
    @0X_0LL4R- 5 หลายเดือนก่อน

    SvelteKit 2.0!

  • @reeeez
    @reeeez 3 หลายเดือนก่อน

    nice video, really helpful. I was wondering what plugin you use to format your code. I am using prettier and i find its always removing parenthesis from my functional components and always putting nested elements onto one line..

  • @mohdasifkhan2889
    @mohdasifkhan2889 5 หลายเดือนก่อน

    Hey James, hope you are doing well. I request you to make a tutorial based on the Machine Learning project with Next.js if possible.
    Cheers Mate!

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +2

      Yessir can do!

    • @mohdasifkhan2889
      @mohdasifkhan2889 5 หลายเดือนก่อน

      @@Smoljames Can't wait 😄

  • @lightofeloah5919
    @lightofeloah5919 4 หลายเดือนก่อน

    can you please do a real time chat app tutorial

  • @SK_Covers
    @SK_Covers 5 หลายเดือนก่อน +1

    I know react. Can i able to follow this. After this tutorial am i able to build any projects?
    Love your work bro ❤❤❤

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +2

      Yep 100% if you know react you'll be sweet!

    • @SK_Covers
      @SK_Covers 5 หลายเดือนก่อน

      @@Smoljames sounds great 😃 great project for weekend.
      Thanks bro ✅💯❤️

  • @baazigar5
    @baazigar5 4 หลายเดือนก่อน

    Is this course cover all the topics of nextjs?

  • @alterboy1
    @alterboy1 5 หลายเดือนก่อน

    🐐

  • @FrontendNerd-lg3oh
    @FrontendNerd-lg3oh 5 หลายเดือนก่อน

    need more nodejs conternt

  • @planetofrocks6868
    @planetofrocks6868 23 วันที่ผ่านมา

    Hey the project is not working as expected
    When I click the register button nothing happens also where is the clickhandler function in Button.js ?

  • @arafatsbackup-data8027
    @arafatsbackup-data8027 5 หลายเดือนก่อน +1

    please add timestaps of video

  • @reggieescobar2772
    @reggieescobar2772 5 หลายเดือนก่อน +1

    But have you tried NuxtJs?

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      I've got a course coming out for that very soon!

  • @ranchezbuster2740
    @ranchezbuster2740 5 หลายเดือนก่อน +1

    hello james . I really like your tutorials and recently completed your ReactJS course and I am getting some issue in the machine learning FreeScribe project in the translation part. It would be really nice if you could help me out Please !!! I have also commented on that same video.

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Hi! Have you created an issue on the github repo? If so, send me a link and I can take a look :)

  • @mintz347
    @mintz347 5 หลายเดือนก่อน

    Can u do more project baseed courses
    ?

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      I sure can :P

  • @nazd5594
    @nazd5594 5 หลายเดือนก่อน

    Btw, have you tried React Router? I've learned that for simple routing but seems like Next.js replaces that and looks much simpler. Curious to hear what you think.

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      For React.JS, react router is great but if I we're building a multi page app that needed routing, I would just use Next.JS every time above React.JS. For me, Next.JS is React + page navigation + server actions :D Although I understand that React.JS might be adding in some support for these services soon anywho!

  • @stackieWasHere
    @stackieWasHere 5 หลายเดือนก่อน +2

    github link is not working 😅

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +2

      Well spotted - heres the fixed link
      github.com/jamezmca/broodl

    • @stackieWasHere
      @stackieWasHere 5 หลายเดือนก่อน +2

      Thx :)

    • @stackieWasHere
      @stackieWasHere 5 หลายเดือนก่อน +2

      Thx :)

  • @manuelestebanmoraleszuarez4360
    @manuelestebanmoraleszuarez4360 5 หลายเดือนก่อน

    What are those books on the background?

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +2

      The wheel of time series! It's an excellent read :)

    • @manuelestebanmoraleszuarez4360
      @manuelestebanmoraleszuarez4360 5 หลายเดือนก่อน +1

      @@Smoljames Thank you very much!

  • @BikashMIshra-y2p
    @BikashMIshra-y2p 2 หลายเดือนก่อน

    Timestamps please!

  • @nahyanrajput3588
    @nahyanrajput3588 5 หลายเดือนก่อน +1

    Bro if I've learnt html css js, so can I now just learn next.js with firebase. Will it be enough?!

    • @stunnerwwe9897
      @stunnerwwe9897 5 หลายเดือนก่อน

      u need to learn React too

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Yea id recommend having some react.js exposure. If you complete part 1 of my ReactJS course linked in description then you should be alright! Or just do them both haha :)

  • @weraldopolento7079
    @weraldopolento7079 4 หลายเดือนก่อน

    i got a error of Firebase: Error (auth/invalid-credential). I double check my api's details and it is correct, but it still give me that error. sadge

  • @rizu2088
    @rizu2088 5 หลายเดือนก่อน

    I tried to follow but my tailwind keep messing up

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +1

      What exactly isn't working? Perhaps we can get it running!

    • @rizu2088
      @rizu2088 5 หลายเดือนก่อน +1

      @@Smoljames it probably my fault

    • @somy30
      @somy30 4 หลายเดือนก่อน

      I had a similar issue. I noticed that I tend to forget to add extra spaces when required. This happens when the "className" code contains two parts combined by the + plus sign. For example, . The additional space after "text-base" is necessary.

  • @daynuxer
    @daynuxer 5 หลายเดือนก่อน

    Masyaallah Barakallah God Bless You

  • @ST20246
    @ST20246 4 หลายเดือนก่อน

    27:05

  • @kim92se64
    @kim92se64 5 หลายเดือนก่อน

    37

  • @LongĐặngVăn-aio
    @LongĐặngVăn-aio 3 วันที่ผ่านมา +1

    Your firebase api key information is exposed

    • @Smoljames
      @Smoljames  3 วันที่ผ่านมา

      cheers for pointing that out - it should be alg as i have deleted the project in firebase but that's defo an oopsies haha

    • @LongĐặngVăn-aio
      @LongĐặngVăn-aio 2 วันที่ผ่านมา

      @@Smoljames can you give me a way to not get exposed, i'm looking for a way, thanks.

    • @Smoljames
      @Smoljames  2 วันที่ผ่านมา

      @LongĐặngVăn-aio so long as the .env is included in your .gitignore then it will be excluded.
      If you can't remove it, delete the hidden git files (not the git ignore) and republish the git repo and it'll be gone

  • @gongshow87
    @gongshow87 5 หลายเดือนก่อน +1

    Why do you prefer Next.js over Sveltekit?
    Why Firebase over Supabase?

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน +3

      Great question!
      Having tried all of them, I like SvelteKit for smaller and less sophisticated projects. Whenever I'm building something more complex, NEXT.js just works better straight out of the box needing less configuration and often less work arounds as it's a more mature framework. SvelteKit is also changing a bit much all the time for my liking.
      For example, configuring Firebase to work with Next is just easier than it is with SvelteKit.
      As for Supabase, it's a great product but I felt that a NoSQL database was sufficient for this project and firebase is once again I just find firebase faster and more convenient to get setup and production ready!
      But in saying all of that, I have a SvelteKit & Supabase course coming out soon lol 🔥

  • @tahmidhasan7356
    @tahmidhasan7356 4 หลายเดือนก่อน

    Too many tailwind use is very ugly where you come to learn nextJs

  • @abdoun8214
    @abdoun8214 5 หลายเดือนก่อน

    You look like john Cena

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      I take it lol

  • @MohamadHachem-ps3wv
    @MohamadHachem-ps3wv หลายเดือนก่อน

    bro u didn't explain the logic you just read it

  • @slot642
    @slot642 5 หลายเดือนก่อน

    Lol the best full stack framework is laravel 🙃

    • @Smoljames
      @Smoljames  5 หลายเดือนก่อน

      Might have to make a course for it!

  • @ZihalirwaKanezaAmaniFred
    @ZihalirwaKanezaAmaniFred หลายเดือนก่อน

    Tried going along with this course using Typescript and Eslint, however i got a bug that i can't solve. I keep getting this error:
    in the AuthContext.ts, it is saying:
    Cannot find namespace 'AuthContext'
    Parsing error: '>' expected
    Operator '