Next.js 15 Breakdown: Key New Features & Upgrade Tips
Discover the latest features in Next.js 15 and learn how to upgrade from version 14. Explore breaking changes, caching improvements, and more in this comprehensive breakdown video.
Install Tubelator On Chrome
Video Summary & Chapters
1. Next.js 15 Launch 🚀
Introduction to the launch of Next.js 15 with new features
2. Release Candidate 2 Fiasco 🤦
Story about the unexpected release of Next.js 15 RC2
3. JavaScript Changes Journey 🔄
The challenges of keeping up with rapid JavaScript changes
4. Fresh Install of Next.js 15 💻
Overview of a fresh Next.js 15 installation
5. Code Mod for Upgrade 🛠️
Exploring the code mod for upgrading from Next.js 14 to 15
6. Breaking Change: Async Requests 🔄
Explanation of the breaking change related to async request APIs
7. Minor Parameter Changes 🔄
Discussion on the asynchronous parameters and search params
8. Asynchronous Function Handling 💻
Handling asynchronous functions and promises
9. Improved Caching Mechanism 🔄
Enhancements in caching functionality for better performance
10. Enhanced Client Router 🌐
Improvements in client-side routing and caching
11. Upgrade to React 19 ⚛️
Utilizing the latest version of React for enhanced features
12. React 19 Compatibility
Using beta features of React 19 with Next.js
13. Improved Hydration Error Visibility
Enhanced visibility of hydration errors in source code
14. Turbo Pack Support
Introduction of Turbo Pack for faster compilation
15. Static Route Indicator
Indicator for static pages to aid debugging
16. Unstable After Feature
Experimental feature for running code after client request
17. Enabling After Function
Learn how to use the unstable after function for post-rendering tasks.
18. Form Component in Next.js
Explore the specific use case of the form component for page redirection.
19. Next.js Config Updates
Discover the TypeScript support and self-hosting improvements in Next.js configuration.
20. Public API Security 🔒
Discussing the importance of securing server actions to prevent unauthorized access.
21. Secure Action IDs 🆔
Exploring the implementation of secure action IDs to enhance the security of server actions.
22. Action ID Usage 🔄
Examining the unique action IDs and their role in preventing abuse of public APIs.
23. Security vs. Obscurity 🛡️
Highlighting the misconception of relying solely on obscurity for security measures.
24. Optimization for Speed ⚡
Overview of an optimization feature to enhance application cold start speed.
25. ESLint 9 Support 🛠️
Introducing support for ESLint 9 and the end of life for ESLint 8 in Next.js 15.
26. Improvement 🚀
Enhancements in ENV file handling and version control.
27. Mastering Next.js 15 🎓
Recommendation for a comprehensive Next.js 15 course.
28. Conclusion 🌟
Gratitude to viewers and course link in description.
Video Transcript
nextjs 15 just launched and it comes
with a ton of amazing new features I
really like how they handled some things
related to caching and in this video I'm
going to talk about all the different
breaking changes what you need to know
to upgrade from nextjs 14 to 15 and the
new features you can expect but I first
want to start with a small story I
originally created a video on nextjs
15's release candidate 2 because for
some reason nextjs released their
release candidate 2 which is like a beta
version 6 days before they released the
full version of nextjs they released
their first release candidate like six
months or five months before releasing
their actual final version so I have no
idea why they waited so long to release
the second beta version only 6 days
before they released the stable version
it really doesn't make sense but I spent
a ton of time recording and editing a
video and I didn't even get to release
it to you because they actually released
the full version before that video even
went live so now this new video is going
to be talking all about nextjs 15 but I
definitely feel the Pains of JavaScript
changes too
fast so here we go on the left hand side
of my screen I just have a fresh install
of nextjs 15 this is exactly what it's
going to create for you if you just use
the default settings inside nextjs and
on the right I have the actual blog
article talking about all the different
changes inside of nextjs and the one
really nice thing about nextjs is that
they have a code mod that makes it
really easy to upgrade from nextjs 14 to
15 because they actually introduce quite
a few breaking changes that require
really small code changes throughout
your entire code base but you can just
run this one single command and what
that's going to do is it's going to
upgrade things like the nextjs version
your react version react hooks like es
lint versions and it's going to make
