History

Lee Robinson fa1370fd9b Update links from beta to stable docs. (#49349 ) Now that the beta docs have been merged into stable with the release of 13.4, this updates all links as some paths have changed due to redirects. --------- Co-authored-by: Steven <steven@ceriously.com> Co-authored-by: Tobias Koppers <tobias.koppers@googlemail.com> Co-authored-by: JJ Kasper <jj@jjsweb.site>		2023-05-11 11:52:29 -07:00
..
app	chore(docs): update `next export` to `output: 'export'` (#47717 )	2023-03-31 02:04:23 +00:00
.gitignore	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
next-env.d.ts	Remove incorrect entries for pnpm debug log (#47241 )	2023-03-26 22:26:05 -07:00
next.config.js	Use App Router for static export example. (#47584 )	2023-03-27 23:11:47 +00:00
package.json	chore(docs): update `next export` to `output: 'export'` (#47717 )	2023-03-31 02:04:23 +00:00
README.md	Update links from beta to stable docs. (#49349 )	2023-05-11 11:52:29 -07:00
tsconfig.json	Use App Router for static export example. (#47584 )	2023-03-27 23:11:47 +00:00

README.md

Next.js Static Export

Next.js enables starting as a static site or Single-Page Application (SPA), then later optionally upgrading to use features that require a server.

When running next build, Next.js generates an HTML file per route. By breaking a strict SPA into individual HTML files, Next.js can avoid loading unnecessary JavaScript code on the client-side, reducing the bundle size and enabling faster page loads.

Learn more: https://nextjs.org/docs/app/building-your-application/deploying/static-exports

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-static-export with-static-export-app

yarn create next-app --example with-static-export with-static-export-app

pnpm create next-app --example with-static-export with-static-export-app