Skip to content
Avatar of vercelvercel/preview-mode-demo

Next.js Preview Mode

Preview content changes before publishing.

Framework
Use Case
Database
Preview Mode Demo

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.

Preview Mode Demo
Avatar of vercelvercel/preview-mode-demo

Next.js Preview Mode

Preview content changes before publishing.

Framework
Use Case
Database

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.

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential