Next.js 15 Breakdown (Everything You Need To Know)

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

КОМЕНТАРІ • 155

  • @mitchy3686
    @mitchy3686 Місяць тому +8

    You know how good of a teacher you gotta be to purposely make a mistake (at 11:51) to teach and demonstrate? Top tier

  • @Sahil.1
    @Sahil.1 2 місяці тому +15

    My guys is extra consistent nowadays

  • @sealone777
    @sealone777 2 місяці тому +84

    My guess is that Nextjs 15 was ready for months but they no longer wanted to wait for official React 19

    • @AIZEN155
      @AIZEN155 Місяць тому +4

      A lot of changes were fixing current bugs and changing the caching system

  • @kylemichaelsullivan
    @kylemichaelsullivan Місяць тому +3

    I really appreciate the consistent quality of your content, and I appreciate all your effort on this!

  • @DrewLandgrave
    @DrewLandgrave Місяць тому +8

    The instrumentation change is not something to be skipped over. It brings things like OpenTelemetry into the next ecosystem. Things like this are huge for monitoring apps that talk across multiple services. Eg tracking from next to a graphql server to a REST api and back

  • @Sahil.1
    @Sahil.1 Місяць тому +1

    3:53 just wanted to say thanks man I was building a new project and this error came up then I remembered your video you saved my days of hard work

    • @EDS432
      @EDS432 Місяць тому +1

      your 0 users project?

    • @Sahil.1
      @Sahil.1 Місяць тому +1

      @EDS432 yes

  • @ukaszrozewicz7488
    @ukaszrozewicz7488 2 місяці тому +191

    Too many changes, too often, too many backward-incompatible changes... Next.js is becoming a framework for UA-cam content creators who get new material for their next video out of it. Companies building large systems and serious applications are slowly starting to avoid Next.js...

    • @YakovFn
      @YakovFn 2 місяці тому +13

      Then just dont upgrade

    • @sendashish
      @sendashish Місяць тому +5

      That's true for my company too hahah

    • @ricardocnn
      @ricardocnn Місяць тому +8

      True, don't make sense to learn this stuff, is waste of time

    • @huyifan83
      @huyifan83 Місяць тому

      Next.js is horrible. Use Remix

    • @commecestbizarre
      @commecestbizarre Місяць тому +8

      Indeed, you can literally see some websites (some major websites too) not upgrading to the latest versions, they stay on Next 13
      I was a Next.js user since v9, but I started to give up since v13 and it's not the v15 that will make me comeback

  • @Ken-zh4gu
    @Ken-zh4gu 2 місяці тому +5

    Thanks Kyle for the NextJs 15 breakdown

  • @yoftahe-yt
    @yoftahe-yt Місяць тому +27

    We would like to see you playing that guitar 😊

  • @stoyan_stoyanovkb_24
    @stoyan_stoyanovkb_24 Місяць тому +1

    Always on point, Kyle! Thank you, I get up-to-date thanks to you!

  • @rebarius
    @rebarius Місяць тому +4

    Flutter Dev here: I love Next ❤

  • @PhilipnesChistrin
    @PhilipnesChistrin Місяць тому +111

    aitutorialmaker AI fixes this. Next.js 15 introduced major changes.

  • @quynhd.2334
    @quynhd.2334 Місяць тому

    Thanks, I didn't want to watch the whole conference, this is to the point and a good summary

  • @kunalvirk
    @kunalvirk Місяць тому +1

    After seeing so many updates & improvements I am one of very few devs who will prefer pages router over app router or remix

  • @mdalmamunit427
    @mdalmamunit427 Місяць тому

    Thanks for clearing everything, man ❤

  • @dazecm
    @dazecm Місяць тому

    Thanks for the great overview.

  • @nro337
    @nro337 Місяць тому

    great coverage! thanks for rerecording

  • @VitorVelosoSA
    @VitorVelosoSA Місяць тому

    Nice and simple video. Thanks for the content!

  • @rajatsawarkar
    @rajatsawarkar Місяць тому

    thanks Kyle love your videos man, this was really helpful.

  • @a89529294
    @a89529294 7 днів тому

    At 04:58, I don't think that is the case anymore, I tried fetch with no option and it gave me a static page, but with the option cache:'no-store', which is supposedly the default, the page became dynamic.

  • @enesgok7482
    @enesgok7482 2 місяці тому

    it was amazing!

  • @jntaca
    @jntaca Місяць тому +1

    I work in projects with lots of routes and components.
    Inherited React and Angular projects sucks. It 's practically impossible to upgrade the core frameworks because of breaking changes and tight coupling with TS.
    I started to to use Vue 2.6 with pure JS ( no TS ) in 2019 and practically was a minor work to jump from vue-cli to Vite and VUE 3. Old components are still in options api, while the new ones in composition api, all living together in peace.
    Don't need for SSR, so we make SPAs with dynnamic components. All starts quick and chunks loads when needed.

  • @graciousobeagu4640
    @graciousobeagu4640 Місяць тому +1

    Currently watching your next js course seems like I'll wait for the New one 😅

    • @WebDevSimplified
      @WebDevSimplified  Місяць тому

      It won't be a full new course. Most of Nextjs 14 is the same in Nextjs 15. I am planning to update any out of date videos and add new videos for new concepts but otherwise most of the content will stay the same.

  • @ts8960
    @ts8960 Місяць тому +8

    Am i the only one who hates the heavy push for server side frameworks? I like my websites to have a loading spinner, and then present a fully working page to the user with smooth experience, while server side frameworks have unpredictable behavior and jittery experience just because developers feel the need to overcomplicate things. Isnt this one of the reasons that chatgpt website moved away from nextjs to a different framework
    Not to mention keeping seperate files for server and client makes perfect sense, while nextjs throws everything in one src file

    • @lindakusuma6671
      @lindakusuma6671 Місяць тому +2

      Me too, i keep wondering why these moves all sudden all people talk about ssr. Thats why i cant wait for tanstack start. It’s the only meta framework with a mindset of client first, then if you need ssr you can opt-in. In one of my app, i need the capability to server render one page. No way i would use nextjs for that lol.

    • @nickwoodward819
      @nickwoodward819 Місяць тому

      seems predictable to me? and yeah, website performance matters.

  • @fereshteh2000
    @fereshteh2000 Місяць тому

    Thanks a lot!

  • @omidsoleimani3817
    @omidsoleimani3817 Місяць тому

    Thanks for the awesome video! Do you have any plans to cover the new ESLint 9? Would love to see it!

  • @ekchills6948
    @ekchills6948 Місяць тому

    Best!

  • @lindakusuma6671
    @lindakusuma6671 Місяць тому

    Of all these ssr framework, only tanstack start make me interested, probably because i love tanstack router (and tanstack query lol). Need to wait for version 1

  • @kevinchase127
    @kevinchase127 Місяць тому

    Can you do a vid please on the new “use cache” directive?

  • @rajathmr4171
    @rajathmr4171 2 місяці тому +1

    Next js 15 excited to use it🤩

  • @TubelatorAI
    @TubelatorAI Місяць тому

    0:00 1. Next.js 15 Launch 🚀
    Introduction to the launch of Next.js 15 with new features
    0:12 2. Release Candidate 2 Fiasco 🤦
    Story about the unexpected release of Next.js 15 RC2
    0:40 3. JavaScript Changes Journey 🔄
    The challenges of keeping up with rapid JavaScript changes
    0:56 4. Fresh Install of Next.js 15 💻
    Overview of a fresh Next.js 15 installation
    1:18 5. Code Mod for Upgrade 🛠
    Exploring the code mod for upgrading from Next.js 14 to 15
    1:48 6. Breaking Change: Async Requests 🔄
    Explanation of the breaking change related to async request APIs
    3:01 7. Minor Parameter Changes 🔄
    Discussion on the asynchronous parameters and search params
    3:49 8. Asynchronous Function Handling 💻
    Handling asynchronous functions and promises
    4:23 9. Improved Caching Mechanism 🔄
    Enhancements in caching functionality for better performance
    5:59 10. Enhanced Client Router 🌐
    Improvements in client-side routing and caching
    7:02 11. Upgrade to React 19 ⚛
    Utilizing the latest version of React for enhanced features
    7:14 12. React 19 Compatibility
    Using beta features of React 19 with Next.js
    7:35 13. Improved Hydration Error Visibility
    Enhanced visibility of hydration errors in source code
    8:05 14. Turbo Pack Support
    Introduction of Turbo Pack for faster compilation
    8:59 15. Static Route Indicator
    Indicator for static pages to aid debugging
    9:38 16. Unstable After Feature
    Experimental feature for running code after client request
    10:29 17. Enabling After Function
    Learn how to use the unstable after function for post-rendering tasks.
    10:57 18. Form Component in Next.js
    Explore the specific use case of the form component for page redirection.
    13:09 19. Next.js Config Updates
    Discover the TypeScript support and self-hosting improvements in Next.js configuration.
    13:48 20. Public API Security 🔒
    Discussing the importance of securing server actions to prevent unauthorized access.
    14:16 21. Secure Action IDs 🆔
    Exploring the implementation of secure action IDs to enhance the security of server actions.
    14:58 22. Action ID Usage 🔄
    Examining the unique action IDs and their role in preventing abuse of public APIs.
    15:50 23. Security vs. Obscurity 🛡
    Highlighting the misconception of relying solely on obscurity for security measures.
    16:19 24. Optimization for Speed ⚡
    Overview of an optimization feature to enhance application cold start speed.
    16:27 25. ESLint 9 Support 🛠
    Introducing support for ESLint 9 and the end of life for ESLint 8 in Next.js 15.
    17:12 26. Improvement 🚀
    Enhancements in ENV file handling and version control.
    17:41 27. Mastering Next.js 15 🎓
    Recommendation for a comprehensive Next.js 15 course.
    18:06 28. Conclusion 🌟
    Gratitude to viewers and course link in description.
    Generated with Tubelator AI Chrome Extension!

  • @filippetrovic2596
    @filippetrovic2596 Місяць тому

    Its really nice if you have filter form on homepage that redirects to list of products to use Form. My question is if I am at product list page and I have same filters form, do I just reuse that form since filters are the same ( it does not redirect but dynamically updates with new filters and new query params) ?

  • @Grishopping
    @Grishopping Місяць тому

    Thanks for the video, do you have any video that talks about how to use next.js + turborepo + prisma to translate the above into English?

  • @mehmethanifierenler3612
    @mehmethanifierenler3612 Місяць тому

    thanks

  • @GaryMenzel
    @GaryMenzel Місяць тому +6

    Was never a fan of NEXT and really only watched this to find out why I still don't want to use it.

  • @PerryCodes
    @PerryCodes Місяць тому

    Everything I need to know? In 18 minutes? I hope you're right!

  • @sarowarhosen003
    @sarowarhosen003 Місяць тому

    14:37 if we can intercept server action vis midilware

  • @menkir08
    @menkir08 Місяць тому

    Joined by recommendation.

  • @lolafunchow
    @lolafunchow Місяць тому

    beautiful 👀❤️❤️❤️ ... that said let start listening him😂😂😂

  • @creativeartdesign4820
    @creativeartdesign4820 Місяць тому

    Is not internatilazation build in nextjs v.15?
    can you expain how it works please.
    what i understan we do not need to import an external library anymore and it working in other way?

  • @alirezamohammadi9691
    @alirezamohammadi9691 Місяць тому

    first thanks a lot for this useful video , what is your vscode icon theme bro??

  • @tamirfri1
    @tamirfri1 2 місяці тому +1

    will people already bought thr course would also get the updates?

  • @MarekMaurizio-n4l
    @MarekMaurizio-n4l Місяць тому +1

    What an hot mess of beta, release candidates and dirty fixes. Am I expected to use this for work?

  • @chemedev
    @chemedev Місяць тому

    Interesting, I would expect Biome to be an option instead of just ESLint 9… but I guess is like pnpm, will take time…

  • @rahuldas_2004
    @rahuldas_2004 2 місяці тому +3

    I have tried to upgrade the next js 15 using cli tools mentioned in docs, but I am continuously facing some error in react 19 RC version and also adding new Shadcn ui. Can anyone help me, how can I fix this ?

    • @YakovFn
      @YakovFn 2 місяці тому

      Does downgrading version work?

    • @clamr6122
      @clamr6122 Місяць тому

      Yeah I had the same. Just just 14.2 and wait for everything to settle down.

    • @rahuldas_2004
      @rahuldas_2004 Місяць тому

      @@YakovFn yes then only it works

    • @rahuldas_2004
      @rahuldas_2004 Місяць тому

      @@clamr6122 yeah hope so, and don't even anyone talking about it.

    • @AnnaGottin
      @AnnaGottin Місяць тому

      ​@@rahuldas_2004--legacy-peer-deeps when installing anything

  • @HafizMuhammadZohairAjmal
    @HafizMuhammadZohairAjmal 22 дні тому

    can anyone guide me what to use? Next or Remix? I am new to both

  • @versusbassz
    @versusbassz Місяць тому +5

    Should I just print "await" on every line of a Next.js-based project?

    • @huyifan83
      @huyifan83 Місяць тому +1

      Yes, you should. That's what Next.js is famous for. Force you into some horrible ideas and decrease your productivity.

  • @buraxta_
    @buraxta_ 2 місяці тому

    ❤❤❤

  • @reilwaystation4372
    @reilwaystation4372 Місяць тому

    I guess I will be in next 14 for a while and upgrade to next when the stable react 19 is supported.

    • @whoman7930
      @whoman7930 Місяць тому

      react@19.rc is stable; there is this only suspense thing that they are holding onto.

    • @thecoder1631
      @thecoder1631 Місяць тому

      ​@@whoman7930and that's a big thing ! Everything else has been ready for a long time anyway

  • @ajnart_
    @ajnart_ 2 місяці тому +2

    Oh so now we need to have all pages using asynchronous pages

  • @abdoolkareem_
    @abdoolkareem_ Місяць тому +1

    Oh cmon just when i started a next14 tutorial series

    • @auscryptocurrency1162
      @auscryptocurrency1162 Місяць тому +1

      keep going buddy theres not much to learn for v15, you'll fly through it if you know v14

    • @dira4734
      @dira4734 Місяць тому

      LUL

  • @shamrockstakepool2837
    @shamrockstakepool2837 Місяць тому

    a few more adds would be great

  • @akashagarwal8575
    @akashagarwal8575 Місяць тому

    Anyone facing issues with MUI after upgrading to next-15 and react-19?

  • @gauravkumawat5811
    @gauravkumawat5811 Місяць тому

    Hey Kyle, in India most of the Next.js Applications uses Next.js v12 or 13 so, why should one need to learn new versions ?

    • @gurpreetsingh6785
      @gurpreetsingh6785 Місяць тому

      It's not true..I am using Next14

    • @gauravkumawat5811
      @gauravkumawat5811 Місяць тому

      @gurpreetsingh6785 Are you currently working in a company ? If so then let me know if there are any openings for a Front-End Developer.

  • @lplokesh07
    @lplokesh07 2 місяці тому +10

    Bro is real life Reed Richard's 😅

  • @crimps.on.slopers
    @crimps.on.slopers Місяць тому

    not really important but what icons do you use

  • @chinmayghule8272
    @chinmayghule8272 2 місяці тому +12

    I've gotten tired with Next.js. The rules are very confusing and they keep making breaking changes. You also need to write a lot of boilerplate just to create a component. I think it's better to move to Angular and Vue. Enterprises and startups like them, there's aren't much breaking changes, and better developer experience.

    • @eduardoontiveros4579
      @eduardoontiveros4579 Місяць тому +3

      Yeah man, it's getting ridiculous.

    • @huyifan83
      @huyifan83 Місяць тому +2

      Use Remix then

    • @breakjee163
      @breakjee163 Місяць тому +1

      Yeah remix is still very good

    • @alexandreannic3370
      @alexandreannic3370 Місяць тому +2

      I was about to agree with you until I read "Angular" 🙈

    • @chinmayghule8272
      @chinmayghule8272 Місяць тому

      @@alexandreannic3370 Angular is used in most enterprises. Whether you like it or not it's the most preferred option for the big guys.

  • @0xjdion
    @0xjdion 23 дні тому

    I'm done with NextJS

  • @ryzxxn5432
    @ryzxxn5432 Місяць тому

    It borke backwards computability for lot of library

  • @powerigniter6260
    @powerigniter6260 Місяць тому

    Still not recommend to update from 14 to 15 there is many dependencies not supported in nextjs15 due to React19rc since React19rc is not yet quite stable also some dependencies repository not yet applied it to support

    • @Ouyiggh8807
      @Ouyiggh8807 Місяць тому

      Just add --legacy-peer-deps while installing the dependency
      It should work

    • @powerigniter6260
      @powerigniter6260 Місяць тому

      @@Ouyiggh8807 it cause mui Hydration if you using mui

    • @powerigniter6260
      @powerigniter6260 Місяць тому

      @@Ouyiggh8807 yeah you can use --legacy-peer-deps but you can't skip of hydration error specially if you use MUI

  • @AbuBakr1
    @AbuBakr1 Місяць тому

    When nextjs have better middleware and Request handlers, let me know
    Nextjs is still for building basic websites

  • @justme29761
    @justme29761 2 місяці тому +1

    Good features, but not really a "wow" for me
    It looks like I'll keep using 14.2.7 for a while longer...

    • @statuschannel8572
      @statuschannel8572 2 місяці тому +2

      same but i'm keeping version 12 lol. just saw their new caching improvement in their blog and i'll wait until v16.

  • @theitalian94
    @theitalian94 Місяць тому

    be careful with the turbo flag i have problems with it developing api. i get errors I don't get when using next dev without it. not so experienced with next js but i can make chaos in my opinion... :)

  • @rajfekar1514
    @rajfekar1514 2 місяці тому

    Google Font use techniques also changed anyone give one example .

  • @gex77777
    @gex77777 2 місяці тому

    first !

  • @HiImKyle
    @HiImKyle 16 днів тому

    I'm just getting used to 14..

  • @pawanbhatt3847
    @pawanbhatt3847 2 місяці тому +1

    First comment ❤

  • @tomilola_ng
    @tomilola_ng Місяць тому +4

    I just want to drop a comment that says `I'm a Full stack developer thanks to you 🌹`

    • @WebDevSimplified
      @WebDevSimplified  Місяць тому +2

      I'm glad I could help but it was your hard work that got you to where you are.

  • @crim-son
    @crim-son Місяць тому

    Bro is looking older lol, been a subscriber for 5+ y now ..

  • @Floubadour
    @Floubadour Місяць тому

    NextJS became PHP as I know it from my very early career... Blee

  • @gabrielmedeiros9806
    @gabrielmedeiros9806 17 днів тому

    I steal have problem with caching in dev and production mode, this is terrible and dangerous!
    THE RESULT IS NOT THE SAME!!!!
    FCKKKKK I WILL GO BACK TO REACT, OMG!

  • @HarshShah465
    @HarshShah465 Місяць тому +1

    Too many changes, too often, too many backward incompatible changes.
    I feel remix is better than next.js. Atleast it has very few and stable updates. I'll learn remix.

  • @r.in.shibuya
    @r.in.shibuya Місяць тому

    Shake shake

  • @fbiindia9661
    @fbiindia9661 2 місяці тому +1

    i have given up on js

  • @youtubervideos
    @youtubervideos Місяць тому +2

    Say no to next js❎ only pure js ✅

  • @picklenickil
    @picklenickil Місяць тому

    Next auth, Mongodb, stripe don't work on it no more.

    • @omokaroelliot1942
      @omokaroelliot1942 Місяць тому

      Is it true, i use those please provide a source for the article, let me check

  • @MuhammadBilal-ky2yx
    @MuhammadBilal-ky2yx Місяць тому

    man why u all time shaking your head 😅

  • @KarlitosMajdos
    @KarlitosMajdos 2 місяці тому

    what do you mean you dont know why they waited so long to release it? cause announcement is coming... But funny thing is its not stable as they got around 3,000 issues pending LOL... tried using it in a bigger project, but its still unusable.

  • @monogram6357
    @monogram6357 Місяць тому

    so much change, if project existed you should not upgraded it 😢

  • @canimeup
    @canimeup Місяць тому

    The truth is using Nextjs is really annoying with server side and client side stuff, awww

  • @harvindersingh9170
    @harvindersingh9170 Місяць тому

    I saw few of your videos and l kind of liked it but I don't understand why you Rap in your Videos.?? You speak so fast as you are in real hurry. Not everyone is native or habitual of the accent, so please keep that in mind.

  • @LukmanSeid
    @LukmanSeid 2 місяці тому +1

    Can I ask you a question please

  • @petriwork77
    @petriwork77 Місяць тому

    man why do you shake your head like you are sick ?

  • @meonitelexdee3432
    @meonitelexdee3432 Місяць тому

    Listen up Tate brothers !!!! 💪💪💪

  • @LongJourneys
    @LongJourneys Місяць тому +1

    Yeah, no thanks.

  • @squarerootof2
    @squarerootof2 Місяць тому

    I much prefer UA-cam channels like Fireship that don't subject their viewers to a permanent talking head hiding all the content. I find it very distracting and unnecessary. The audio should be enough especially for channels that mostly show text and code.
    Another annoying trend is showing unnecessary meme images and videos.

  • @Caldaron
    @Caldaron Місяць тому

    kyle you take up too much space in the video...

  • @RonenCruze-ci3vw
    @RonenCruze-ci3vw 2 місяці тому

    Google shows a commercial every 15 seconds

  • @AdolfRizzler41
    @AdolfRizzler41 2 місяці тому +2

    I am using next 69