Use Next.js 12 on Netlify
You can use the latest and greatest features of Next.js 12 on Netlify today!
The Netlify Blog
Exploring the Jamstack and the future of web development. Subscribe to our newsletter to make sure you don't miss anything.
All posts / nextjs
How UW Health Serves Dynamic Data on their Jamstack Site with Netlify and Next.js
Learn why UW Health migrated its monolithic Java application to the Jamstack with the help of agency Last Rev. Its new architecture with Netlify, Contentful, and Next.js allows the web team to deploy confidently and ship faster.
Build your own headless commerce site with Next.js and Shopify
If you've ever wanted to build your own online shop, here's how you can get up and running with your own custom solution with Next.js and Shopify!
Architecting with Next.js: Event Videos Now Available!
Videos are now available for Netlify's event, “Architecting with Next.js.” Watch the videos to see architecture deep dives, and learn best practices and challenges for working with Next.js in production.
How Next.js Became a Top Jamstack Framework
This is an excerpt from our new e-book, How to Deploy Next.js on the Jamstack: The Definitive Guide.
How to build a database-driven Jamstack site
This tutorial walks through the building a Hugo Site with a MySQL backend, but works for any SSG and database, including REST APIs and Postgres.
Shallow Routing in Next.js
Learn what Next.js shallow routing is, and how it works!
Migrating an existing Next.js project to Netlify
If you're wanting to migrate or import a Next.js project to Netlify, here's a handy guide to get you started!
Next.js and Netlify for a better and faster Backlinko website
Backlinko works with agency Bejamas, selecting Netlify as their web development platform for a better performing site. The combo of Netlify Functions and the Essential Next.js plugin was a perfect solution for their team. Learn how they were able to make the site 3x faster.
Try the new Essential Next.js plugin, now with auto-install!
It's now easier to build Next.js on Netlify than ever before, with auto-installation of our latest and greatest plugin.
Spring uses Netlify to Scale Social Commerce and Boost Conversion for Creators
With Netlify, Spring migrated from a monolithic to a microservices-based web architecture. Learn how they improved site speed, shipped faster and improved conversion.
Incremental Static Regeneration: Its Benefits and Its Flaws
There are some awesome pros and some serious cons to using incremental static regeneration in your projects.
An Incredibly Serious Discussion about Next.js at Reactathon
We loved our time at Reactathon, even when our discussions were... very serious.
Enabling AMP in your Next.js projects
Want to use AMP in your Next.js projects? Want to know more about what AMP is? Learn both now!
Adding Babel presets and plugins in Next.js
Want to add useful, fun, or experimental plugins and presets to your Next.js projects? Here's how!
React Children: The misunderstood prop
Children in React have a changing data structure, there's multiple ways to use them, and they have a module. Let's deep dive into how to use them!
Query an API at both build time and runtime with Next.js
Where and how do I call an API in Next.js? How does getStaticProps work? Can I mix and match build time and runtime? Learn all of this and more in this post.
How to turn off telemetry in Next.js
Next.js collects telemetry data by default. Here's how to disable that!
Logging in Next.js
Where are my logs? Next.js is a hybrid framework, so depending on where you call console.log(), the results could be in different spots.
React Strict Mode in Next.js
Learn what React Strict Mode is, and how to implement it across your Next.js applications!
Environment variables in Next.js and Netlify
Both Next.js and Netlify come with built-in support for environment variables. Here's how to use them!
Global Styles in Next.js
Ever wanted to apply global styles across your Next.js application? Here's how!
Making a custom 404 page in Next.js
Why have a boring default error page when you can spruce it up? Next.js has a custom static 404 page built right into the framework. Here's how to use it.
Announcing one-click install Next.js Build Plugin on Netlify
Today we're excited to bring you a build plugin for deploying Next.js on Netlify, making it faster and easier than ever before to get your sites deployed.
Absolute Imports in Next.js
Absolute imports can save the day when you have to deal with project organization and multiple levels of folders.
Building a custom React media query hook for more responsive apps
Make your React, Gatsby, and Next.js applications more responsive with a touch of JavaScript and combining some cool APIs.
"Escaping" Next.js to access the browser
Sometimes you need what's called an "escape hatch" to access certain browser properties and methods in a Next.js application. Here's how to make one!
What is React Fast Refresh?
React Fast Refresh is the latest and greatest way to load components in vanilla React, Next.js 10+, Gatsby, and more!
Next.js: Should I use SSR or SSG?
Next.js allows you to both server-side render and statically generate websites. Why would you choose one over the other? Read and find out!
Using React Context for state management in Next.js
Ever wondered how you should manage state information across your Next.js applications without installing anything extra? Look no further!
How to Deploy Next.js Sites to Netlify
Learn how to deploy Next.js sites to Netlify! Take advantage of Next features like dynamic routes and Preview Mode while keeping the power of Netlify.
A Spooky Adventure at Next.js Conf
We had a blast at Next.js Conf and our teammate Cassidy had a spooky demo for everyone.
Preview Mode for Next.js now fully supported on Netlify
Netlify's package next-on-netlify now fully supports Preview Mode for Next.js!
Hear directly from the builders at Jamstack Conf
Introducing JamSnacks, quick bites from community leaders who are building key technologies at Jamstack Conf, October 6-7.
Integrate Next.js & Prismic
In this post, you'll learn how to set up and integrate Prismic with Next.js on Netlify.
Integrating Netlify Identity into your Next.js apps
In this post you'll learn about how to use the Netlify Identity Widget in your Next.js projects!
Create a Fully-fledged Jamstack commerce store with Commerce.js and Netlify
Learn how to use Commerce.js and React with Next.js to create your own Jamstack eCommerce sites in this detailed tutorial with demonstrations and code samples.
Top 10 Netlify Build Plugins
Netlify recently announced Build Plugins, which allow you to customize your build process with one click from the UI, and we list the top 10 most popular Build Plugins by installs.
Next.js 101: What you should know
What's so exciting about Next.js? Should I be using it for my project? Here's a primer to help figure out if it's right for you.
2 Ways to Create Server-Rendered Routes Using Next.js and Netlify
Using the next-on-netlify package, you can use some of Next.js's server-side routing features on Netlify with ease.
Add a Netlify-powered contact form to your Next.js site
Accepting submissions to forms with Netlify and Next.js is straightforward, with just a few easy steps!
Handy new features in Next.js 9.4
Next.js 9.4 is out, and there's a handful of juicy features to try out!
Improve your SEO and Social Sharing Cards with Next.js
Here's a primer on the Open Graph Protocol, and how to update metadata in your Next apps!
Building a Markdown blog with Next 9.4 and Netlify
If you've ever wanted to build a Next project on Netlify, here's a tutorial to get you started.