https://github.com/vercel/preview-mode-demo

This demo showcases Next.js' next-gen Static Site Generation (SSG) support.
https://github.com/vercel/preview-mode-demo

cms nextjs preview react real-time ssg vercel

Last synced: 1 day ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/vercel/preview-mode-demo
• Owner: vercel
• License: mit
• Created: 2020-02-25T19:24:38.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-10-24T22:59:26.000Z (about 1 year ago)
• Last Synced: 2024-10-29T17:15:47.648Z (9 days ago)
• Topics: cms, nextjs, preview, react, real-time, ssg, vercel
• Language: TypeScript
• Homepage: https://next-preview.vercel.app
• Size: 403 KB
• Stars: 113
• Watchers: 55
• Forks: 25
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# 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](https://nextjs.org/docs/basic-features/data-fetching).

This application solely focuses on Static Generation (using `getStaticProps`),

however, with a game-changing new feature: Preview Mode.

[Take Preview Mode for a spin](https://next-preview.vercel.app/)!

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](https://nextjs.org/blog/next-9-3) or our

[Documentation](https://nextjs.org/docs/advanced-features/preview-mode).