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

Поділитися
Вставка
  • Опубліковано 8 вер 2024

КОМЕНТАРІ • 629

  • @emanuelameh5722
    @emanuelameh5722 Рік тому +169

    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!

    • @hojo3021
      @hojo3021 Рік тому +3

      You should donate a small amount of ur salary.

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

  • @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 Рік тому +2

      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

  • @hamzabout7001
    @hamzabout7001 Рік тому +28

    You have the utmost appreciation and respect

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

  • @kashmirtechtv2948
    @kashmirtechtv2948 Рік тому +9

    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 ❤️

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

  • @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 🌹🌹🌹👏👏👏👏👏👏

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

  • @UbongEA
    @UbongEA Рік тому +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!

  • @IamDarkAngeL1
    @IamDarkAngeL1 Рік тому +3

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

  • @kolthir
    @kolthir Рік тому +1

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

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

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

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

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

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

  • @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 UA-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 UA-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 11 місяців тому

      Is it beginner friendly course

    • @tsykin
      @tsykin 11 місяців тому

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

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

  • @karamsingh468
    @karamsingh468 Рік тому

    if having issue with [id] ... must add suppressHydrationWarning={true} in in layout.js

  • @abhisheksharma10600
    @abhisheksharma10600 Рік тому +1

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

  • @spartaxymus
    @spartaxymus 9 місяців тому

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

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

  • @rxmanx
    @rxmanx Рік тому

    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.

  • @israelamos8896
    @israelamos8896 Рік тому +1

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

  • @ScriptyVijay
    @ScriptyVijay Рік тому +2

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

  • @satyak1337
    @satyak1337 Рік тому

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

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

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

  • @christostsm5795
    @christostsm5795 Рік тому +7

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

  • @richysel3258
    @richysel3258 11 місяців тому

    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.

  • @hermangeku7461
    @hermangeku7461 Рік тому +1

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

  • @richardstuart2695
    @richardstuart2695 8 місяців тому +1

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

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

  • @Alim-yo3sc
    @Alim-yo3sc 4 місяці тому

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

  • @user-jy6es9wx8l
    @user-jy6es9wx8l 5 місяців тому

    I'm grateful for this Tutorial. I want learn how to develop social media platform with Nextjs 14

  • @hasnainjagirani2609
    @hasnainjagirani2609 Рік тому +1

    great videos....plz bring more projects

  • @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 ❤️❤️❤️❤️❤️

  • @srhtonr5917
    @srhtonr5917 Рік тому

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

  • @gamingarena5045
    @gamingarena5045 Рік тому +1

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

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

  • @jackfrost8969
    @jackfrost8969 Рік тому

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

  • @KrishnaList
    @KrishnaList Рік тому

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

  • @viniciusm.m.7822
    @viniciusm.m.7822 Рік тому +1

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

  • @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. 🎉

  • @poisegaming2448
    @poisegaming2448 Рік тому +6

    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;
    }
    };

  • @Pscytlk
    @Pscytlk Рік тому

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

  • @stevenoketch6950
    @stevenoketch6950 Рік тому +1

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

  • @hurleywflow2227
    @hurleywflow2227 Рік тому +1

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

  • @radleyswon
    @radleyswon 4 місяці тому

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

  • @PlayWithAyaan
    @PlayWithAyaan Рік тому +1

    yes more next js please, since its seo friendly. Maybe you should make a video where you try ranking your website higher which is made in nextjs.

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

  • @khalidck17
    @khalidck17 Рік тому +1

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

  • @thesoftwareengineersjourney

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

  • @nse_channel
    @nse_channel Рік тому +1

    Ahahaha dude, I was thinking about the best way to learn Next.js excepting documentation. Now I see your video and I happy cuz I'm sure that's cool

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

  • @jamesrussell-ui6gd
    @jamesrussell-ui6gd Рік тому

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

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

  • @nasssty284
    @nasssty284 11 місяців тому

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

  • @jatinderchoudhary6061
    @jatinderchoudhary6061 Рік тому +2

    Please make a video on hosting a nextjs website with domain and all , like big tech companies host their website and how to add features after hosting , debugging and all . There is no such good videos on yt on that topic

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

  • @reoirmiose4944
    @reoirmiose4944 Рік тому

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

  • @cheekibreeki360
    @cheekibreeki360 Рік тому

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

  • @symphoristsaguenguegang232
    @symphoristsaguenguegang232 Рік тому +1

    Hello Lema,
    You are exceptional, your methods are simple and understandable by all. Please can you make us a video on react/Next with typescript and with directus as CMS??

  • @taicheeeee
    @taicheeeee Рік тому +1

    Took me about a week to finish this project.
    It's really a nice tutorial for those who has basic understanding of React( or NextJS itself), HTML, CSS, JavaScript to learn.
    Thank you lama

  • @winkthecat
    @winkthecat Рік тому +11

    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.

  • @user-lp7oy8di4t
    @user-lp7oy8di4t 11 місяців тому

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

  • @radoslavrac8619
    @radoslavrac8619 Рік тому

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

  • @hyperst8
    @hyperst8 Рік тому

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

  • @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 :)

  • @asfandyar8088
    @asfandyar8088 Рік тому

    Thanku lama dev for such a great tutorials that covers most important topics of nextjs-13. Always fan of yours 💯

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

  • @jotasenator
    @jotasenator Рік тому

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

  • @adesojisotubo916
    @adesojisotubo916 Рік тому

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

  • @ajmalhasan2015
    @ajmalhasan2015 10 місяців тому

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

  • @isiaqridwanbukola4856
    @isiaqridwanbukola4856 Рік тому +1

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

  • @yannicksims9262
    @yannicksims9262 Рік тому

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

  • @coder5336
    @coder5336 Рік тому +4

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

  • @sayidali431
    @sayidali431 Рік тому +1

    Thanks safak or Lama always amazing teaching ❤

  • @uchiwauzumaki602
    @uchiwauzumaki602 Рік тому +2

    Please one tutorial with last version of React
    Thanks for everything

  • @denysgl3732
    @denysgl3732 Рік тому +2

    Dear Lama Dev, thank you so much for yet another great tutorial video on such a highly demanded topic as Next JS 13 is. Could you please show us a use case of Internalization in your new Next JS project?

  • @mtcindianutube
    @mtcindianutube Рік тому

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

  • @LifeWithRilla
    @LifeWithRilla Рік тому

    So much information just packed into this course. You were thorough and your course in my opinion far surpassed Zo To Masteries courses which I bought. I love the from scratch approach. This course helped me learn everything I need to know to get started with Next. Thank you!
    i don't follow a lot of Devs. I AM DEFINITELY FOLLOWING YOU NOW! You earned it. This was insanely good. You're a legend.

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

  • @andriyabu
    @andriyabu Рік тому +1

    As usually, the best tutorial ever.

  • @mulualemmhretu
    @mulualemmhretu Рік тому

    Mr Lama ,I would like to say thank you. You always make excellent tutorial . We love your tutorial . You gave us priceless knowledge ❤❤❤

  • @zmanavar
    @zmanavar Рік тому

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

  • @godswillonyeka5973
    @godswillonyeka5973 Рік тому +1

    Thank you very much for this, please can you do a full nextjs 13 project with typescript since it's now becoming industry standard

  • @lev1ato
    @lev1ato Рік тому

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

  • @sasqo
    @sasqo Рік тому

    I like your beginner wise approach. and you have also a very good voice. I will just watch it like a movie 🍿

  • @PIRAKAS666
    @PIRAKAS666 Рік тому

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

  • @uv_codes
    @uv_codes Рік тому +2

    Which one is better preference.
    Having a "Dedicated API" or "Using NEXTJS for API"

  • @khalidtubail
    @khalidtubail 9 місяців тому

    Hi sir, I am very thankful for the tons of information you provided, really appreciate it, I am waiting for the day to publish the updated video for Next.js 14, god bless you

  • @divinechukwuka7711
    @divinechukwuka7711 Рік тому

    Your tutorials are top-notch sir. You make this whole coding stuff easy. So much grateful sir

  • @henrymunoz2035
    @henrymunoz2035 Рік тому

    Just Finish the Project , it wa amazing thanks so much

  • @rekalit8192
    @rekalit8192 Рік тому

    Best tutorial ever, just loved the way you explained everything thanks for uploading it.... ❤❤😊😊

  • @maczain
    @maczain Рік тому

    He is my teacher, loads of love and support

  • @1ejde
    @1ejde Рік тому

    One of the best tutors and tutorials. If you plan to do that , could make a video about dynamic routing? I am curious about how to change metadata(title and description) of a blog and also write SEO-friendly URL dynamically .
    For ex: metadata title will be "how to cook pasta" , description will be "I am teaching how to cook a pasta" , the URL will be "blogs/how-to-cook-pasta" , URL will not be like "blogs/blogid53453453". And these datas will be coming from a database using nextjs and maybe with authjs, typescript

  • @konidoniravirr6580
    @konidoniravirr6580 Рік тому

    Lama Dev and Javascipt Mastery are my faavourite coding youtube chanells 😃