/preview-mode-demo

This demo showcases Next.js' next-gen Static Site Generation (SSG) support.

Primary LanguageTypeScriptMIT LicenseMIT

Next.js: SSG + Preview Mode Demo

This demo showcases Next.js' next-gen Static Site Generation (SSG) support.

About

Next.js is the first hybrid framework, allowing you to choose the technique that fits your use case best on a per-page basis: Static Generation or On-Demand rendering.

This application solely focuses on Static Generation (using getStaticProps), however, with a game-changing new feature: Preview Mode.

Take Preview Mode for a spin!

Preview Mode leverages Next.js' on-demand rendering capabilities to bypass the statically prerendered page and render the page on-demand for authorized users.

This feature is incredibly valuable for content editors who want to view real-time draft content from their CMS, among other use cases.

Learn More

You can learn more about this feature in the Next.js 9.3 Blog Post or our Documentation.

Note

This is a fork of the standard demo, that uses the local filesystem instead of S3. You can run it w/ node 14+.

There is also an example of getStaticPaths. You'll need to create a couple of previews before running next build in order to see it in action. The previews will be available at http://locacalhost:3000/preview/{snapshotId}