How to Deploy a Next.js Site for Free (Static Export)

2026-06-18 · The snapy team

How to Deploy a Next.js Site for Free (Static Export)

Next.js is built for full web apps, but a lot of Next.js sites are really just content: a landing page, docs, a blog, a portfolio. If that is you, you can export the site to static files and host it for free in seconds. Here is how.

Static export vs a server

Next.js can run in two ways. One needs a live Node server (for server-side rendering, API routes, and server actions). The other, static export, turns your site into plain HTML, CSS, and JavaScript files with no server needed.

If your site does not depend on a server at request time, static export is the simplest and cheapest way to put it online. If it does need a server, a host like Vercel is the right tool. The steps below cover the static export path.

Step 1: turn on static export

In next.config.js, set:

const nextConfig = { output: 'export' }

Step 2: build

npx next build

Next.js produces an out folder containing your whole static site.

Zip the out folder, open the Next.js hosting tool, drop the zip in, and click Get my link. Your site is live on a clean link right away, like docs.snapy.page.

What works and what does not

Static export is great for marketing pages, docs, blogs, and portfolios. Anything that needs a server at request time (SSR, API routes, server actions) will not run on static hosting, so keep those on a server host. For everything static, this is the fastest free path to a shareable link.

Deploy your Next.js site now, or if you use plain React, see how to host a React app free.

Try snapy

Drop a file, get a shareable link in seconds.

Upload a file