Static Export

The static export enables you to run your Next.js application as a Single-Page Application (SPA).
This comes in handy when you are just migrating from an exisiting SPA to Next.js. Since Next.js is a server first framework it is important to note that running it with the static export limits the usage of build-in Next.js features.

Getting started

With the following configuration you can enable the static export.

module.exports = {
  output: "export",
  //... additional Next.js config
};

If you just want to build static websites with a little bit of interactivity, the static export mode might be good enough for you.
In the end you still benefit from the route based optimization of Next.js resulting in faster client-side page loads. And you still have the option to migrate running Next.js on the server later on.

Cache everything – Deploy anywhere

Since most parts of your application are going to be static assets you can cache everythings on a CDN. And since the files you have to deploy are only static files like HTML, CSS and JS files you can host your Next.js application almost anywhere to no or very little costs.