Next.js 15 has finally been released, and with it comes a host of new features and improvements that make developing with the framework even easier and more powerful. One of the biggest changes in this version is the integration of Vercel Ship, a new deployment platform that allows for seamless deployment of Next.js applications.
In this tutorial, we will walk through the key features of Next.js 15 and how you can take advantage of Vercel Ship to deploy your Next.js applications with ease.
Key Features of Next.js 15:
-
Vercel Ship Integration: One of the most significant new features in Next.js 15 is the integration of Vercel Ship, a new deployment platform developed by the creators of Next.js. Vercel Ship allows you to easily deploy your Next.js applications with zero configuration, making the deployment process smoother and more streamlined.
-
Improved Performance: Next.js 15 includes a number of performance improvements that make your applications faster and more responsive. This includes optimizations to the server-side rendering process and improvements to the way assets are loaded, resulting in a faster and more efficient user experience.
-
Automatic Code Splitting: Next.js 15 now includes automatic code splitting, which helps to reduce the size of your application’s bundle and improve loading times. With automatic code splitting, only the necessary code is loaded when a page is accessed, resulting in faster load times and better performance.
- Webpack 5 Support: Next.js 15 includes support for Webpack 5, the latest version of the popular module bundler. Webpack 5 offers improved performance and more efficient code splitting, making it easier to optimize your application and improve its overall performance.
Using Vercel Ship to Deploy Your Next.js Application:
Now that we’ve covered some of the key features of Next.js 15, let’s walk through how you can use Vercel Ship to deploy your Next.js applications.
- Install the Vercel CLI: The first step in deploying your Next.js application with Vercel Ship is to install the Vercel CLI. You can do this by running the following command in your terminal:
npm install -g vercel
- Deploy Your Application: Once you have installed the Vercel CLI, you can use it to deploy your Next.js application. Navigate to the root directory of your application in the terminal and run the following command:
vercel
This will prompt you to log in to your Vercel account (or create one if you don’t have one already) and will deploy your application to the Vercel platform.
-
Configure Your Deployment: Once your application has been deployed, you can configure various aspects of the deployment using the Vercel dashboard. This includes setting environment variables, custom domains, and deployment strategies.
- Monitor Your Deployment: With your application deployed on Vercel Ship, you can monitor its performance and usage using the Vercel dashboard. This allows you to track metrics such as traffic, response times, and errors, giving you insight into how your application is performing in the wild.
In conclusion, Next.js 15 brings a host of new features and improvements that make developing with the framework even easier and more powerful. By taking advantage of Vercel Ship, you can deploy your Next.js applications with ease and enjoy improved performance and efficiency. So why not give Next.js 15 a try today and see how it can level up your web development projects!
Fuck this!
I left at next 13. 🙂
Last year I started using nextjs in nextjs 13 version, and have to be updated for every minor updates due to nextjs 13 and 14 errors, now we have nextjs 15, lets rewrite again
Im so excited for Next.js 18 next month
Vercel could not even create decent docs for nextjs
Hi Theo, thanks for the video! On a different note, would you recommend using Vercel Turborepo? If so, could you create a video about it?
how can you change the feature flags? Because to change it you need to post and the server won't allow you to modify the db
I really hope that vercel fix the exit animation with the app router. It's been years.
How does it compare to SvelteKit?
I love woman juices , also ur face is quite funny bro 🙂
If they keep upgrading this fast. People will stop using them. Why? Because dev's will quit when just starting out cuz you guys never stick to shit anymore.
I really thought that Pages Router would eventually be phased out tbh.
Great video, Theo! ❤
Vercel is now like a video game console producer with the rights to an exclusive title: React.js from the Meta inc.
And that's disgustingly sad!
QUESTION: Does "Request Memoization" still work automatically in Next.js 15 or we have to manually wire that now? (There's absolutely no clarity on this in the RC announcement about caching.)
turbo causes upload thing of all things to fail
What browser do you use?
Okay. so how's the developer experience for any of you right now using next? I've stopped using it a while ago, because I found it a mess with random caching and all the new stuff that's was coming in for the past couple of years. Like I have no idea how most of the stuff works behind the scenes, so I've went back to angular what I've enjoyed doing the most. Any tips what to look into/learn in next? Is it even worth it?
Ship just happened. 🗿
I saw the thumbnail and I just came to ask if they deleted react from nextjs?