SPA mode in Next.js?

This is the static export - the closest thing to SPA in Next. Unlike classical SPA (with one index.html page), the static export pre-generates all routes into HTML files during the build time. Like SPA, it can be hosted on any server that can serve static assets.

The navigation happens on the client. We can fetch dynamic data with useQuery/SWR in client components. We can even fetch static data in server components - it will get fetched during the build time.

At the moment, dynamic routes need to be pre-generated using generateStaticParams for static exports. However, there is a proposal for serverless navigation, which could potentially remove this limitation.

Disclaimer : For SPA, go for @reactjs . Next is not built for that. And build export will not work in next unless there is not server side code..

That sounds like Vite with extra steps

I've been waiting SPA in next.js for quite a while, will it come someday?

Well, this is it. Static export generates static files, so it works like SPA. It's even better as it pre-generates HTML for all routes, not only index.html. However, the dynamic routes are the missing piece of the puzzle right now.

If you want to deploy a next.js app using cloudflare, then this will be very helpful

Yes That's a static export