Next.js Full Tutorial for Beginners | Next.js 13 Full Stack App Using App Router

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ธ.ค. 2024

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

  • @emanuelameh5722
    @emanuelameh5722 ปีที่แล้ว +174

    Words are not enough to express my feelings of gratitude towards you. You made me believe in myself when I thought I wasn't good enough. I built my first full-stack project following your tutorials. Now I've finally found a job in tech and it's all because of you. This too is definitely worthy of a watch. Thanks man!

    • @adimardev1550
      @adimardev1550 ปีที่แล้ว +1

      same here man. i'd been following lama dev for so long, and I can never pay him back

    • @emanuelameh5722
      @emanuelameh5722 ปีที่แล้ว

      @@adimardev1550 I'd definitely recommend him to anyone who wants to take their dev skills to the next level.

    • @HrissW
      @HrissW ปีที่แล้ว

      @@emanuelameh5722 how long you've been studying? Which resource did you follow to crack coding interviews? I was stuck in tutorial hell for a year now

    • @emanuelameh5722
      @emanuelameh5722 ปีที่แล้ว +1

      @@HrissW I started learning to code in 2020. I suggest you start using your skills to build something, like a full-stack project with authentication while you still create create time to watch some of those project-based tutorials like this one since it's how you stay up to date with the latest technologies. Also remember to constantly refresh your knowledge of the basics(JavaScript). Good luck.

    • @breakinggood-r2v
      @breakinggood-r2v ปีที่แล้ว

      is it responsice webstie

  • @vthevest9183
    @vthevest9183 ปีที่แล้ว +15

    I hardly ever comment on tutorials, but DAMN!! Your explanation is beautiful, on-point and so easy to follow and understand. It feels illegal to see this free. Thank you so much for being such a kind human being and sharing these projects, I'm only 30 minutes in and I can already see myself learning so much after finishing it. Thank You.

  • @hamzabout7001
    @hamzabout7001 ปีที่แล้ว +28

    You have the utmost appreciation and respect

  • @milck_br7549
    @milck_br7549 ปีที่แล้ว +8

    Hi, I would like to thank you very much. I bought programming courses, watched several videos, but when your video was recommended to me and I watched it, I was impressed with the level of content offered for free. Your methodology is incredible, the way you create diagrams to facilitate understanding, your oratory... Very impressive.
    I'm from Brazil, and you're helping me a lot. Thank you.

  • @kolthir
    @kolthir ปีที่แล้ว +2

    Better than a Udemy course, words are not enough to this....BETTER TH-cam CHANNEL!!!!!

  • @kashmirtechtv2948
    @kashmirtechtv2948 ปีที่แล้ว +10

    Guys he knows what to create and he's already doing it in a very Professional way with accurate sequence, so now focus on NEXT JS please ❤️

  • @Ubong_Effiong
    @Ubong_Effiong ปีที่แล้ว +9

    I'm grateful for this. I've watched a couple tutorials and they weren't beginner friendly, but this one is everything. Just finished it and followed step by step. You're good at this!

  • @poisegaming2448
    @poisegaming2448 ปีที่แล้ว +8

    1:58:58 you can use this config to work with mongoose 7 version
    It is a lambda function and just use the given configs.
    import mongoose from "mongoose";
    let isConnected = false;
    export const connectToDb = async () => {
    mongoose.set("strictQuery", true);

    if (isConnected) {
    console.log("Already connected to the database.");
    return;
    }

    try {
    await mongoose.connect(process.env.MONGO_URI, {
    useNewUrlParser: true,
    useUnifiedTopology: true,
    });
    isConnected = true;
    console.log("MongoDB connected successfully.");
    } catch (error) {
    console.error("Error connecting to MongoDB:", error);
    isConnected = false;
    }
    };

  • @benlamptey5208
    @benlamptey5208 ปีที่แล้ว

    Finally! A tutorial that actually shows how to use credentials as a auth provider. Everyone else has credentials auth as their youtube thumbnail then all of a sudden they are scared to show how to use it. Its so simple after watching this!! Thank you

  • @max_livi
    @max_livi ปีที่แล้ว

    Thank you so much. I decided to find out the next 2 months ago. It's just fate that I came across your video. Everything just fell into place. Thank you for helping novice developers. The best math with a stack of JS, CSS, React, Next, Mongo I haven't seen it!!!

  • @kaleabtesfu7970
    @kaleabtesfu7970 ปีที่แล้ว

    Was pulling my hair out trying to figure out how to update the content without refresh. Ended up holding off on my site just to finish this one. Great Job mate. Thanks

  • @ahmedaq9018
    @ahmedaq9018 ปีที่แล้ว +7

    Hey folks, Lama Dev master is one of those rare developers who genuinely wants to share knowledge and teach people for free. He truly knows his stuff and has a knack for making complex concepts easy to understand. His skills are off the charts, and he's a master at what he does. Really thanks a lot Lama Dev for everything 🌹🌹🌹👏👏👏👏👏👏

  • @deumolo
    @deumolo ปีที่แล้ว +14

    Finally finished this project and i can't believe how good it is.
    The list of things we learned with it is incredible:
    SWR
    Next-auth
    App router
    bcrypt
    Mongoose
    The list goes on and on.
    Thank you, Mr. Lama.

    • @TerryMitchell
      @TerryMitchell ปีที่แล้ว +1

      Have you managed to successfully deploy this online? It works beautifully in dev and even local production mode, but whenever I deploy to Vercel the build fails every single time when building the blog page(s) - even with the production URL hard-coded where we're fetching the blog posts, if you have I'd appreciate any tips you may have, thanks in advance.

    • @rizwankhan-xg8rh
      @rizwankhan-xg8rh ปีที่แล้ว

      @@TerryMitchell Hello I have an issue regarding creating the database at 2:06:0 I don't have a database created in MongoDB if you have some time kindly make clear my doubt

    • @ibstudiosHD
      @ibstudiosHD ปีที่แล้ว

      @@TerryMitchell Vercel can only be used for front end Projects. Any project that involves a database cannot be deployed on Vercel
      Try other hosting platforms like hostinger or GoDaddy although you have to pay a little to host there. I would have referred you to Heroku but the platform is down

    • @amir4ever148
      @amir4ever148 ปีที่แล้ว

      is portfolio part dynamic can we add more projects later on that part?

    • @maxnao2624
      @maxnao2624 ปีที่แล้ว

      im getting error when trying to login, im stuck at next auth login the screeen at 2 hour 24 min 22 sec is not appearning for me please help

  • @IamDarkAngeL1
    @IamDarkAngeL1 ปีที่แล้ว +4

    LameDev you're too way Next lvl 4 me, i can't believe those amazing content, you're really a true hero for us! thanks a lot !!!!!!

  • @abhisheksharma10600
    @abhisheksharma10600 ปีที่แล้ว +1

    This is the best tutorial to learn NextJS!!! I cannot thank you enough.

  • @mahsanr44
    @mahsanr44 ปีที่แล้ว +1

    I rarely comment on videos but I'm doing on this one, I have no words, man. You explained everything very well.

  • @Alim-yo3sc
    @Alim-yo3sc 8 หลายเดือนก่อน

    Hi, I'm watching this tutorial and really loved it when you warned the audience at this moment 29:33 of the video. It shows that you're a decent man and also indicates that you're very familiar with late night owl programmers 😄. I have also watched some of your other tutorials and they helped me a lot. So I wanted to thank you again. YOU ARE A GREAT TEACHER...

  • @mayarjaba6731
    @mayarjaba6731 ปีที่แล้ว +21

    Mr. Lama, you are my first teacher♥♥♥
    Thank you for everything you do for us♥
    I pray to God for success and guidance for you♥

    • @lanskaba3668
      @lanskaba3668 ปีที่แล้ว +3

      Same

    • @deepakmane387
      @deepakmane387 ปีที่แล้ว +1

      your teaching style of breaking down difficult things to easier way is great. Your sincere efforts are seen in each and every video Lama. God bless you

  • @spartaxymus
    @spartaxymus ปีที่แล้ว

    Came across this video and now I got the basics covered like a Pro. Many online tutorials miss out on so many little topics covered in this tutorial. While watching this video, i just wanted to quickly jump in to my laptop and start coding. Subscribing to you... Keep up the good work!!!

  • @picabo7008
    @picabo7008 ปีที่แล้ว +7

    Nothing can describe how I am grateful to your effort for doing my day to day learning struggle easier, thank you Mr. Lama.

  • @TechOasis101
    @TechOasis101 ปีที่แล้ว +3

    That's it I have found my ultimate Teacher. Thankyou Mr. Lama for such an amazing lesson. This lesson is Price less. I will be watching every video you will make for sure. And I'm confident that I will get my first job soon....

  • @fyalinbas
    @fyalinbas ปีที่แล้ว +2

    This is what I've been waiting for from dear Shafak. You're the chosen one of the world of fullstack development. Keep going. Thanks a lot.

  • @zubaydullookhunboboev8576
    @zubaydullookhunboboev8576 ปีที่แล้ว +2

    Bro I watched other courses but none of them is intuitive and friendly like your tutorial. I surely consider your way of teaching web dev is much more effective than other tutorials, even paid ones in Udemy. Thanks for all your effort.

  • @jackfrost8969
    @jackfrost8969 ปีที่แล้ว

    20 minutes into this video and I've already liked.
    I can just tell the content is amazing.

  • @stevenoketch6950
    @stevenoketch6950 ปีที่แล้ว +2

    Lamadev has been great this year, amazing projects with extensive explanation, cheers 🥂

  • @kromann413
    @kromann413 ปีที่แล้ว

    Thank you! Cant thank enough to you. I completed my FYP, building an ecommerce web application by learning through your video and landed an internship. Now I was told to learn next and typescript. Boom! The next day You came up with this master piece. Thank you so much.

  • @satyak1337
    @satyak1337 ปีที่แล้ว

    I spent 3 hours searching for working examples and API routes syntax in next 13. Thanks a lot. This was very useful

  • @stackoverflowexception
    @stackoverflowexception ปีที่แล้ว

    Bro, I've just downloaded a next js template yesterday and decided to learn next js. What a day! :)

  • @tsykin
    @tsykin ปีที่แล้ว +1

    First, I want to say a BIG THANKS to lamadev for this course. It has almost everything you need to know as a Next.js developer. I have learnt so much from this. This course is the exact thing I have been looking for on TH-cam since it goes from total basics to advanced features.
    The biggest plus is that this tutorial uses very popular tech like MongoDB but at the same time doesn't use excess amount of packages. I have seen TH-camrs installing 8 packages for a simple project, while Lavadev goes with the most subtle solution, which is great for beginners.
    Unfortunately I am a extreme beginner developer and some concepts were a little complicated for me (NextAuth to be specific), but even them lamadev made it simpler by explaining each step of a tutorial.
    I really hope this channel will grow and lama will continue appearing on my screen more often ❤

    • @queenshijain3089
      @queenshijain3089 ปีที่แล้ว

      Is it beginner friendly course

    • @tsykin
      @tsykin ปีที่แล้ว

      @@queenshijain3089 it depend on what you call a "beginner". You definately need basic understanding of javascript and some Next.js basics to do this course.
      Overall, Lama does a great job explaining all the concepts, so I recommend trying it out, just to see how it goes for you 😉

  • @nasssty284
    @nasssty284 ปีที่แล้ว

    One of the greatest tutorials i have come across... Thank you so much for giving it out freely!

  • @kashmirtechtv2948
    @kashmirtechtv2948 ปีที่แล้ว

    Love love love. Was looking for this from your side

  • @nazrulhassan6310
    @nazrulhassan6310 ปีที่แล้ว

    hats to you lama dev. I followed some other projects on next js that were overtly complicated but the problem with them is that they just wrote some code and didn't bother to explain it and after weeks of struggling I figured most of the code was copied and pasted.

  • @rezwanfaysalrezon9963
    @rezwanfaysalrezon9963 ปีที่แล้ว

    I have finished the course. It has taken about 16-20 hours. (Some things had to be changed). But I enjoyed it very much. Thanks Lama Dev.

  • @cheekibreeki360
    @cheekibreeki360 ปีที่แล้ว

    Brother im 30 minutes in and the way you explain stuff is amazing, keep up the good work, subscribed immediately.

  • @KrishnaList
    @KrishnaList ปีที่แล้ว

    The way you explain end to end is very nice writing from scratch css. I really like your all videos

  • @jotasenator
    @jotasenator ปีที่แล้ว

    I am enjoying so much following those steps, kudos for you and more!!!

  • @richysel3258
    @richysel3258 ปีที่แล้ว

    I know I have to learn TypeScript by now, but it's something I want to tackle later on. All tutorials on Next.js are linked with TypeScript, making it difficult to learn. When I saw that you skipped TypeScript at the beginning of the tutorials, I felt sooo happy. I just began, but I must say, I am grateful for this. I will give full feedback after I'm done. Thank you in advance.

  • @thesoftwareengineersjourney
    @thesoftwareengineersjourney ปีที่แล้ว

    I experienced an incredible sense of happiness upon receiving the notification for this tutorial. Thank you, Lamadev and God bless you.

  • @Videx89
    @Videx89 ปีที่แล้ว

    The only person in the internet who doesn't brag about tailwindcss. Always loved his work.

  • @jamesrussell-ui6gd
    @jamesrussell-ui6gd ปีที่แล้ว

    your css skills combined with backend is unmatched! you are a god

  • @oznwachukwu6653
    @oznwachukwu6653 ปีที่แล้ว

    God bless you my friend 🙏🏾. I feel like this tutorial has been the hardest to find. They are either non existent or out of date. 🎉

  • @hurleywflow2227
    @hurleywflow2227 ปีที่แล้ว +1

    I absolutely love your tutorial. It's very down-to-earth and easy to follow.

  • @reoirmiose4944
    @reoirmiose4944 ปีที่แล้ว

    You are the best of the bests lama dear dev . Keep going we are waiting for more Next.js projects by you ...

  • @ajmalhasan2015
    @ajmalhasan2015 ปีที่แล้ว

    Just amazing and very clear and concise video. Everything explained well

  • @rockbelleh6237
    @rockbelleh6237 ปีที่แล้ว

    Wow....lama been waiting for this for ages...tnks alot d best of d best

  • @hyperst8
    @hyperst8 ปีที่แล้ว

    Thanks Lama Dev. Your tutorial is easy to follow. Also a plus that you provide link to your repo.

  • @israelamos8896
    @israelamos8896 ปีที่แล้ว +1

    Thanks a million for this amazing project. You are one in billion.

  • @PIRAKAS666
    @PIRAKAS666 ปีที่แล้ว +1

    You're the best bro. Need more NextJS especially with tailwind css.

  • @viniciusm.m.7822
    @viniciusm.m.7822 ปีที่แล้ว +1

    Love u, man!
    Thanks, God bless!
    Abraço do Brasil

  • @DEBUGENTITY
    @DEBUGENTITY ปีที่แล้ว

    this is one of the best explaination video on next js i ever seen on youtube, and the way u are explaining each small things that really awesome man, thanks a lot for that. keep making such frontend tutorials..

  • @TomWien
    @TomWien ปีที่แล้ว +2

    Had to press the like button before even starting to watch. 😊
    I am new and really want to get started with a little database (including images)
    Thank you SIR (for all your content).

    • @Amitsarker
      @Amitsarker ปีที่แล้ว

      I am also trying to upload image, video on server and fetch it.

  • @salvo668
    @salvo668 ปีที่แล้ว

    Man... I can only say ❤... Thank you for sharing, great work.

  • @fancyaristocrat7450
    @fancyaristocrat7450 ปีที่แล้ว

    Thank you very much, I thought learning a new framework would be hard but you help me get through it. Thank you very much.

  • @andriyabu
    @andriyabu ปีที่แล้ว +1

    As usually, the best tutorial ever.

  • @CodeStranger
    @CodeStranger ปีที่แล้ว

    "Great video! Looking forward to more tutorials on Next.js projects, especially ones related to inventory management. Your content is always top-notch!"

  • @omnathdixit4720
    @omnathdixit4720 ปีที่แล้ว +1

    Thanks Lama, I am waiting from a long time for a Next js tutorial. Again I thank you for your teaching style which is very impressive.

  • @hermangeku7461
    @hermangeku7461 ปีที่แล้ว +1

    great tutorial, thanks so much you are our dad in this domains

  • @adesojisotubo916
    @adesojisotubo916 ปีที่แล้ว

    Lama, you are highly loved by me, thank you so much for everything 🙏

  • @ScriptyVijay
    @ScriptyVijay ปีที่แล้ว +2

    I was just thinking to take course but you came with this video ❤ thanks

  • @moseschris9756
    @moseschris9756 ปีที่แล้ว

    This is a wonderful and a powerful video for a beginner. Since I started following your channel, I always make progress. Thank you sir

  • @BlhJ400
    @BlhJ400 ปีที่แล้ว +1

    bro, you are a masterpiece, hats off

  • @henrymunoz2035
    @henrymunoz2035 ปีที่แล้ว

    Just Finish the Project , it wa amazing thanks so much

  • @christostsm5795
    @christostsm5795 ปีที่แล้ว +7

    Would be awesome to see a nextjs with typescript / prisma - mysql :) Congratz for your awesome work @Lama Dev

  • @hrikbansaha887
    @hrikbansaha887 ปีที่แล้ว

    Words won't be enough for appreciation of your video. Thank You so so so much. For the knowledge you gave through this video.

  • @maczain
    @maczain ปีที่แล้ว

    He is my teacher, loads of love and support

  • @harmanmalova5152
    @harmanmalova5152 ปีที่แล้ว

    this is the best video i've come across in 2023

  • @ogbonnashedrack916
    @ogbonnashedrack916 ปีที่แล้ว

    I’ve watched only 10 mins and I couldn’t wait to tell you thank you for explaining each steps in the most basic way ever, you even told us the name of the extensions applied
    Every video I’ve seen is using typescript until I found yours ❤️

    • @Omar_Al_Seddik
      @Omar_Al_Seddik ปีที่แล้ว

      You shouldn't be avoiding TypeScript in the first place.

    • @moulevj6731
      @moulevj6731 ปีที่แล้ว

      @@Omar_Al_Seddik true !

  • @mtcindianutube
    @mtcindianutube ปีที่แล้ว

    Amazing course content. Helped me to learn NextJS. Thank you so much Lama Dev :)

  • @ilyaasomar9173
    @ilyaasomar9173 ปีที่แล้ว +1

    thank you safak you accepted our request, i hight appreaciate you for this video i would like next project to use next.js, tailwindcss, frammer motion, redux toolkit and mongo also implement stripe payment.

  • @richardstuart2695
    @richardstuart2695 ปีที่แล้ว +1

    Brilliant video. I use postgres so need to switch from Mongodb but that will be my project

  • @عبدالرحمانهرواط
    @عبدالرحمانهرواط ปีที่แล้ว

    that was simple and clear! such a great resource for learning, thank's a lot

  • @yannicksims9262
    @yannicksims9262 ปีที่แล้ว

    i really enjoy learning stuffs with you. your explaination a more than perfect...Thanks You so much

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

    It's Really helpful for beginners, Thank You So Much.🥳🥳

  • @fastlearner9993
    @fastlearner9993 ปีที่แล้ว

    BEST NEXT JS FULL STACK TUTORIAL!! IVE COME ACROSS

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

    Thank you Lamadev. I learned a lot from your videos

  • @radoslavrac8619
    @radoslavrac8619 ปีที่แล้ว

    I must say i completed whole website first time. i am happy about next auth section.

  • @gamingarena5045
    @gamingarena5045 ปีที่แล้ว +1

    Sir you explained everything and I appreciate you for your hardwork. ❤❤

  • @lev1ato
    @lev1ato ปีที่แล้ว

    This is exactly what I was looking for, tutorial that covers the new app router! Thanks!

  • @qantar8167
    @qantar8167 ปีที่แล้ว

    Big thanks for this video, I am so excited! I have been planning to look into next for a while already. Guess this is the sign)

  • @amoozuu5935
    @amoozuu5935 ปีที่แล้ว

    Sir I am searching for next js crash course video but when I get your video notification..this video is totally helpful for me and for my life ....
    Thank you sir ❤️❤️❤️❤️❤️

  • @alionar60
    @alionar60 ปีที่แล้ว

    You explain very cleanly and well, thank you!

  • @vatansrivastava7279
    @vatansrivastava7279 ปีที่แล้ว

    Was waiting for your video 😮🎉

  • @zmanavar
    @zmanavar ปีที่แล้ว

    Brilliant tutorial, I've finally understood something and got the result. Thank you!

  • @nurionurkurtulus4584
    @nurionurkurtulus4584 ปีที่แล้ว

    Kelimeler yetmez gerçekten yaptığın işe. Keşke daha çok para kazanabilsem de sana baya bir kahve alabilsem :) Ama inanıyorum bu işi yapacağım. Sayende gördüğüm en kısa, öz ve güncel teknolojileri takip edebiliyoruz. Teşekkürler. Malta'ya yolun düşerse gerçekten kahve ısmarlayabilirim :)

  • @coder5336
    @coder5336 ปีที่แล้ว +4

    We were waiting for this course so long. I'm glad that you released that after the new stable app router

  • @lukas.webdev
    @lukas.webdev ปีที่แล้ว

    Awesome video! YOU crushed it - keep it up 😉🔥

  • @khalidck17
    @khalidck17 ปีที่แล้ว +1

    Awesome as usual. Please make a video on necessary css required for learning reactjs.

  • @love_hunter_coc
    @love_hunter_coc ปีที่แล้ว

    very good project thank you soooooo much sir please continue like this more videos

  • @gypsicoder
    @gypsicoder ปีที่แล้ว

    Thank you so much for this great in-depth tutorial. It's really helped me a lot to have an experience in developing a project in NextJS.

  • @sayidali431
    @sayidali431 ปีที่แล้ว +1

    Thanks safak or Lama always amazing teaching ❤

  • @karachilawyer
    @karachilawyer ปีที่แล้ว +1

    great videos....plz bring more projects

  • @Akshara-k3g
    @Akshara-k3g ปีที่แล้ว

    Just one word man
    AWESOME......

    • @maxnao2624
      @maxnao2624 ปีที่แล้ว

      im getting error when trying to login, im stuck at next auth login the screeen at 2 hour 24 min 22 sec is not appearning for me please help

  • @TerryMitchell
    @TerryMitchell ปีที่แล้ว

    An excellent tutorial, I can thoroughly recommend this! Thanks so much for all your work

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

    ❤ very nice Way of teaching

  • @ketan.pkapale3490
    @ketan.pkapale3490 ปีที่แล้ว +1

    Bless you Lama!

  • @timothykibe9546
    @timothykibe9546 ปีที่แล้ว

    Thanks @LamaDev, this was a great tutorial

  • @isiaqridwanbukola4856
    @isiaqridwanbukola4856 ปีที่แล้ว +1

    May you be blessed man
    This is definitely a great project and portfolio worthy

  • @salawuabdullahiolalekan4338
    @salawuabdullahiolalekan4338 ปีที่แล้ว

    Great insight. You made backend development simple. Thank you for this great piece.

  • @winkthecat
    @winkthecat ปีที่แล้ว +12

    There's an error in portfolio/page.jsx Your link goes to /portfolio/application but it should be /portfolio/applications. Just pluralize it and you'll fix the 404.

    • @osamarehman3120
      @osamarehman3120 ปีที่แล้ว +1

      Thankyou... i was looking for it

  • @noiith99
    @noiith99 ปีที่แล้ว

    Thank you for your wonderful explanation