Next.js 15 Crash Course | Build and Deploy a Production-Ready Full Stack App

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

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

  • @javascriptmastery
    @javascriptmastery  Месяц назад +132

    🌟Ultimate Next.js 15 Course is now on SALE - jsmastery.pro/next15

    • @parasagarwal5701
      @parasagarwal5701 14 дней назад +14

      Hello Sir, I want to buy your course on Next.js but I can't afford a course more than 500 INR rupees , can you make a course under 500 rupees or some how bring down the price of the course.
      Thank you

    • @etaitsur
      @etaitsur 7 дней назад +1

      Thanks a lot for all your hard work and dedication! I love your content and was getting ready to purchase the course but the sale is over.. Can you please reinstate the sale?Thanks 🙏😅

    • @jeanlambertniyigaba439
      @jeanlambertniyigaba439 Час назад

      How can I solve the issue of incompatibility of markdown-it with reatc-dom 19, without deleting package-lock and node_modules?
      Here is the error I ma facing:
      $ npm install markdown-it
      npm error Unable to resolve reference $react-dom

  • @georgejere2306
    @georgejere2306 Месяц назад +204

    Your 3D dev portifolio helped me land a job, god bless your amazing work Adrian

    • @luffy5775
      @luffy5775 Месяц назад +6

      how can you explain

    • @javascriptmastery
      @javascriptmastery  Месяц назад +36

      I'm super happy to hear that! :)

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

      Feels like a lie, web dev is more then using two libs to import a 3d design in your website​@@luffy5775

    • @codingwave56
      @codingwave56 Месяц назад +5

      How is it possible!!!!

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

      @@luffy5775 explain what

  • @rezvlt9285
    @rezvlt9285 3 дня назад +3

    I've learnt so much about NextJS in the first hour alone. This video is as good as gold!

  • @knowwow6638
    @knowwow6638 Месяц назад +31

    I just stuck during building my project using Next js 15 and I open youtube for learn what all updates are in 15 version guess what I saw your video, I click on it without wasting more time! Thank you!💖💖💖💖

  • @rupesh617
    @rupesh617 Месяц назад +17

    Wow, you’re incredibly fast! Next.js 15 just launched, and you already have a full course up on it. Huge respect, sir! 👏 Thank you for keeping us up to date with the latest tech!

  • @tiger_io
    @tiger_io 12 дней назад +2

    I got this vid as an ad, i was like why is the full ad 5 hours long i wont skip let me see what this is, the editing was amazing and the main idea of the video pulled me in, I'm now interested to see all 5 hours because I'm sure ill enjoy it with all the graphics in editing of this video, well done 👏

  • @poetryandcode
    @poetryandcode Месяц назад +15

    You're making Nextjs Super easy to work with. I was checking out your tutorials when this came drop. I can't wait to buy your course.

  • @ahsankabir6810
    @ahsankabir6810 Месяц назад +4

    I'll be buying your course within a week. You're an inspiration for me. God bless you, Adrian.

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

    can't believe there's already a course on next 15. Gonna go through it. We're starting a new project at the company I work and that's exactly what we needed to get a vision of what may have changed from version 14 to 15. Thanks so much.

  • @GhostWithAHoodie
    @GhostWithAHoodie Месяц назад +4

    Mr Adrian, what you do has had so much impact in my life that i dont even know how to describe this feeling. We love your work, We love you, thanks for everything.
    Sorry if i wrote something wrong, im still learning english kkkk

  • @OscarM003
    @OscarM003 15 дней назад +1

    Wonderful. Thanks a lot, Adrian. Your videos give more than just the main thing. I clicked to learn next.js, but have discovered sanity, something I will be using in my next project. There is also a lot I have gained other than sanity. This channel is something I never knew I needed till I found it.

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

    My GOAT in my coding journey. Adrian you are the best. Holla from Tanzania

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

    Wow, you’re incredibly fast! Next.js 15 just launched & I waited when you upload a new course on these Update & you already have a full course up on it. Huge respect, sir! 👏 Thank you for keeping us up to date with the latest tech!

  • @enes5509
    @enes5509 Месяц назад +18

    Landed an internship two weeks ago, thank you Adrian!

  • @unrinconlatino
    @unrinconlatino 14 дней назад +1

    Thank you! The app works; I just need to have patience. I would suggest explaining concepts in greater detail. You're so advanced that it's challenging for me to code along and grasp the material simultaneously. You go so fast that if you could pause for a second or two longer before switching screens, it would be really helpful. Thanks again!

    • @javascriptmastery
      @javascriptmastery  13 дней назад +1

      Great suggestion! I go much slower within the ultimate course

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

    your energy in coding is Very motivating. whenever i felt down adrian i back to this channel hehe just introduction light a fire. being a part of the JSM pro community is one of my best investements in my career. highly recommanded guys. not only NEXT.JS course but a way to think as a developer and act like one. keep it up ! 🔥

  • @beefcakees
    @beefcakees Месяц назад +4

    I also liked your use of graphs to explain what we just did! Great for us right side dominant

  • @kaeridota5580
    @kaeridota5580 27 дней назад +1

    Wow thank you so much for the ebook, I really appreciate it. I couldn't afford to buy since I live in a developing country, but I'm super interested in learning more about NextJs. Thank you once again 😭😭

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

    You are so fast, within 3 days u created the full tutorial. It's so beneficial for me. Thanks a lot ❤

  • @OluwatayoDamiloladavidCy-mo4ig
    @OluwatayoDamiloladavidCy-mo4ig 28 дней назад +1

    Your work is a masterpiece. Because of your videos, I am always up to date on NextJs. I wish I could afford the master class course. 😩

  • @mdalmamunit427
    @mdalmamunit427 Месяц назад +4

    OMG! You're faster than anyone. I even thought that I would make a full-stack tutorial using next 15😅

  • @webprojectsbugfixes5550
    @webprojectsbugfixes5550 Месяц назад +6

    Hi Adrian Hardin, I always follow your videos, which are so impressive, and I always suggest them to my junior teammates and my well-wishers. Thanks for uploading new things for us.

  • @kevinndanyi498
    @kevinndanyi498 9 дней назад

    Those intro animations keep me glued😅😅 especially the groundbreaking clip 0:29 😂😂😂. I love your sense of humor. Anyway let me continue learning the great stuff. Your videos are top notch👏👏👏

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

    I've been waiting for this amazing course! You are my hero!

  • @nguyenngocyennga
    @nguyenngocyennga День назад

    Wow, I was actually able to finish the whole thing to the end. Great work, thank you!

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

    Amazing work Adrian, All your react js tutorials make me a confident front-end developer, looking for a future of Node Js with you.🤩

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

    I must say. I do prefer this new method of showing the code in a slide snd talking about it rather than typing and talking about it. Makes it harder to digest. But when i can see the whole thing, type it out, think about ehats being achieved with it, and then have youe explain it. Much mor stress free and a lot less back and forth. Pls concider doing this more. For example, when you are talking about how to folder structure api calls and how to set up the page.ts files. 👌🏻👌🏻🔥🔥🎉🎉🥰🙌🏻

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

    Really can not ask more from you. But I bought the next js 14 course I think right now I can not offroad another course. But thank you.

    • @javascriptmastery
      @javascriptmastery  Месяц назад +6

      You get the upgrade for free if you bought the previous version! :)

  • @biswajitswain4845
    @biswajitswain4845 26 дней назад +11

    Need more videos on different authentication, Role based, middleware setup. This is very much crucial in the modern application.

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

    I'm privileged to be among to first 1000 devs to download the ebook.
    Thanks, boss. I pray I will be able to choose like you someday.

  • @MandeepKaur-bb3nj
    @MandeepKaur-bb3nj 8 дней назад

    Your teaching style and your material of next js is awesome and it helps me a lot to learn about nextjs 15.

  • @OPGAMER.
    @OPGAMER. Месяц назад +30

    Still remember when I watched your Next.js 14 crash course. Time flies so fast.

  • @fmschool1
    @fmschool1 13 дней назад +4

    39:15 By the way, global-error.tsx won't activate in development mode. You have make a production build using npm run build && npm run start. That way you can actually see the global-error.tsx in action.

  • @shivanshsharma4916
    @shivanshsharma4916 28 дней назад +2

    This website is BEAUTIFUL ! its so new and fresh in terms of its looks ❤

  • @nasko235679
    @nasko235679 29 дней назад +1

    While nextJS is great in terms of providing easy routing and data fetching directly from server components, where it becomes more difficult is adding micro-services like a web socket server without relying on paid services. It would be great if in the next video you explore things such as creating and connecting to an external web socket server , or webRTC because I have found that a lot of new nextJS devs rely on paid services for auth, web sockets and database waaay too much. Fantastic video 👍

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

    Broooo, I swear I was following your next.js 14 full course and i was installing the dependencies And you Just Uploaded the Video ❤

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

    Bro I was really confused and suddenly your video comes.. Thanks a lot

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

    wow you won our heart! most needed video ever right now!

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

    All the best for 1 million subscriber, soon!!!
    You deserve it.

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

    Next.js 15 just launched! Adrian rocks 🚀

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

    thanks a lot, im one of the 1st 1000 devs that win the book

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

    Loving the Next.js courses and projects by the JSM team! You all are amazing and thanks for also including deployment steps which is critical with any project. Please keep up the great works!

  • @FastForward-i4s
    @FastForward-i4s 27 дней назад +4

    Your content is golden... but your primary demographic are coders, so you don't need so much graphics in your videos, explaining every word you say outside of the IDE. its distracting sometimes. If we decide to invest time into a 5h+ video we show that short attention span isn't a problem so you don't need this much flashiness to keep us engaged (I'm assuming that's one of the reasons) but you're my GOAT for actually learning web dev.

  • @PemaWangchuk-w7y
    @PemaWangchuk-w7y Месяц назад +2

    Wow...Seeing such tutorial always motivate me to learn and move forward. Thanks Adrian. Thank you so much.

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

    I love the new style of intro in these newer videos with gifs 👏👏

  • @MayurAthavale-u9b
    @MayurAthavale-u9b 14 дней назад

    Yes, A new video dedicated to settings up tailwind config would be gr8

  • @klhmia
    @klhmia 2 дня назад

    Also, yes - the visuals in Miro are VERY helpful, thank you Adrian.

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

    So happy to see this great course, will start it and finish it tomorrow 🎉😍

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

    hey Adrian, here's a tip for you in 1:37:10 you can use Dev Mode in Figma by copying this design to your drafts.

  • @nocturno7887
    @nocturno7887 23 дня назад

    In regards of login procedures I always prefer to learn the way without using providers, or at least learn a way how to block certain users from login in given the circumstances of building something for a company. Thanks for this update on NEXT

  • @killerboy5278
    @killerboy5278 20 дней назад

    The explanations you added in this video the diagram one are really incredible we want this in future videos as well . 💘

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

    I have been watching this channel since I discovered. I am waiting for a full fledged system design course on this channel please !!

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

    This is the best video on web dev ever

  • @ginthozan
    @ginthozan 26 дней назад +1

    You are doing great man! Expecting a testing tutorial from you like Jest, Selenium or Cypress

  • @hggnomm
    @hggnomm 20 дней назад

    Im a junior full stack dev, but I will should focus on front end. I think a role frontend in future which is hard same backend.

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

    Man you are god was just thinking to explore next js 15. Weekend Booked will explore this.

  • @MeYouTube-b6v
    @MeYouTube-b6v Месяц назад +2

    He promised, he delievered. Thanks❤

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

    As soon as you said you'd explain the files from the bottom, I knew this tutorial would be helpful. You've clearly thought about not only how to explain things, but also about the learner and what knowledge you might be assuming they possess. That's probably the hardest thing to do as a teacher, at least in my opinion. I don't have the money to spare for your course (just had a baby, etc) but I signed up for your newsletter and downloaded the PDF. Thanks again for what you do.

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

      Thank you so much for these kind words, congrats on the baby! :)

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

    Need to travel for few days..bro gave me content to watch

  • @KhalidKhan-wo7xg
    @KhalidKhan-wo7xg Месяц назад +2

    Finally I got something new this weekend 🎉

  • @ytdevs
    @ytdevs 29 дней назад

    Great course so far, loving the graphs and deeper explanations. Thank you 🙏

  • @HAS-gaming311
    @HAS-gaming311 Месяц назад

    Yeah, I would like you to do more of these graphs in authentication and explain them more deeply in future videos. I would love it if you give us a full next auth course. Sometimes, I struggle with Google client ID and secret ID, as well as Facebook and others. Someone like me needs a detailed explanation.

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

    Great video as always, Adrian! Good job, my friend.

  • @tilokdutta1547
    @tilokdutta1547 23 дня назад +1

    Adrian you are great man. Also creating other document is really helpful. Keep it up.

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

    It makes asynchronous requests appear as though they were synchronous 🔥

  • @bislan-aranyan
    @bislan-aranyan Месяц назад

    спасибо за видео. Очень понятно объясняете, качество контента действительно на высшем уровне. Отдельное спасибо за иллюстрации: они упрощают понимание даже с языковым барьером ❤

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

    You are the best , and you still the best , i'll buy your course of next.js

  • @tsikot39
    @tsikot39 15 дней назад +2

    another premium content. i found this tutorial very seamlessly to follow. can you build another application using mongodb as the database? thanks bro. keep it up!

    • @javascriptmastery
      @javascriptmastery  13 дней назад +1

      Yes, soon

    • @tsikot39
      @tsikot39 9 дней назад

      @@javascriptmastery the user has no option to edit and delete a pitch.

  • @ВікторЧекірко-е2ф
    @ВікторЧекірко-е2ф Месяц назад +1

    Awesome! The best channel to study Next!

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

    What I like from you, you have a marketing voice

  • @AhmedLukman-e6z
    @AhmedLukman-e6z Месяц назад +3

    Hey, which extension did you use to indicate what parameter value to be passed?
    Edit: Also, a point to note, I believe the .heading class at 1:37:48 should be placed in component layer directive and not utility layer. This is because components layer is for reusable component patterns like your .heading class that combine multiple utilities while utilities layer is for single-purpose utility classes.

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

    In your next.js course, we use server actions to do action on the database. Here you also speak about API routes. What is the differences ? In which cases can i use one or the other ? Thank you !

    • @javascriptmastery
      @javascriptmastery  27 дней назад +1

      You can use both in all cases, just depends on your preferences and convenience

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

    This One is Pretty Dope ! Keep it up bro !🥰🥰🥰🥰

  • @HAS-gaming311
    @HAS-gaming311 29 дней назад +1

    I'd also like you to make a detailed video on setting up a tailwind configuration from scratch. I'm also week on it. I hope there are also some students like me. How about if you give us a tailwind crash course where you will cover everything dark mode, light mode, custom classes, variables, tailwind config customizations, how can I use aceternity and daisy UI together, I mean everything
    Actually, I am doing this course, and I am commenting when I need to comment according to this video. Not only I am watching this video I am also reading your ebook.
    All what I can say Just Thank you so much
    From Bangladesh

    • @javascriptmastery
      @javascriptmastery  28 дней назад +1

      Amazing, we actually cover many of these things you mentioned within the Ultimate Next.js course!

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

    Wowwww, the Bobshell Adrian, Thanks for the Good work Man

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

    Thanks for everything you've taught us Adrian. Much ❤from Ohio 🙂

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

    epic project , legit i was working on the same project idea 😂

  • @Joy-san
    @Joy-san Месяц назад +2

    yooooo thanks for the course bro🔥🔥🔥

  • @LasinduMaduranga-w8u
    @LasinduMaduranga-w8u Месяц назад +1

    bro's delivering as always, 😍 never disappoints 🔥.
    btw small request, can you give us angular spring full stack projects 😇

  • @27sclub
    @27sclub Месяц назад

    Awesome, thank you so much!! Please create a full-stack social media app with React Native!!

  • @JohnMuler-s6n
    @JohnMuler-s6n Месяц назад +1

    Waiting this the whole day and
    here
    we
    GO

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

      eNJOY!

    • @JohnMuler-s6n
      @JohnMuler-s6n Месяц назад

      Hey sry but just to be sure the three js course is coming right

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

      @@JohnMuler-s6n Yes, working on it super hard to make it the best one on the internet

  • @signalsensei
    @signalsensei 29 дней назад

    I think one day I will get a job and earn in the future and purchase your course immediately after that!

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

    Big fan from Nepal 🇳🇵

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

    This is really a great tutorial, please I'll like to have a tutorial on how you do your tailwind setup and how you get your font

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

      I do that a bit in the Tailwind Crash Course on RUclips, and also in the Ultimate Next.js Course

  • @IronMan-l4p
    @IronMan-l4p Месяц назад

    Thank you for all your effort, I hope you can make a detailed video for setting up tailwind config file please as you mentioned ❤

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

      I do that a bit in the Tailwind Crash Course on RUclips, and also in the Ultimate Next.js Course

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

    Congratulations and thank you very much for sharing. The intro video is so funny btw.

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

    our boy is back with a banger!!!!!

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

    I knew you wouldn't disappoint 🎉🎉❤😊

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

    your tutorials are great and explain everything well thanks

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

    The wait is over . Lets follow along our master 🌟

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

    Thanks for the book Adrian, you're the best!

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

    Thanks a lot for uploading this new and awesome video on Next.js 15......🙂🙂🙂

  • @oussilyne
    @oussilyne 2 дня назад

    first of all i would like to thank you for all the effort you are doing by providing such an amazing content , I'm still in the beginning of this tut , i would like to know the vscode plugins you are using .
    im planning to buy your course your methods of explaining the code is amazing ♥

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

    The Greatest has struck again💪💪💪, Can we get anything that involves testing?? please

  • @IntrovertGardner
    @IntrovertGardner 11 дней назад

    the graph are amazing explaination for the flow

  • @josipjozic-dev
    @josipjozic-dev Месяц назад

    Thanks mate! Proud to be Croat!

  • @theflametr
    @theflametr 13 дней назад

    Thanks for the video! I learned a lot. Could you please make a video for setting up to tailwind config?

  • @AnasSiddiqui-n2y
    @AnasSiddiqui-n2y Месяц назад +1

    Thanks Adrian, for this masterpiece 💐

  • @HAS-gaming311
    @HAS-gaming311 Месяц назад

    Thanks....i just couldn't found any word to say. Just Thank you.
    from bangladesh

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

    Adrian is back🎉