NextJS on Netlify (imported Header component)
This is a demo of a NextJS application with Incremental Static Regeneration (ISR).
Incremental Static Regeneration
This page is rendered by an On-Demand Builder (ODB) function. It fetches a random list of five TV shows from the TVmaze REST API. After 60 seconds, the ODB cache is invalidated and the page will be re-rendered on the next request.
NODE_ENV: production- #10500: Pioneers
- #10501: Prince of Stride: Alternative
- #10502: Haruchika: Haruta to Chika wa Seishun Suru
- #10503: Norn9: Norn + Nonette
- #10504: The Story of Maths
Dynamic Pages
Click on a show to check out a server-side rendered page with dynamic routing (/shows/:id).
- #10500: Pioneers
- #10501: Prince of Stride: Alternative
- #10502: Haruchika: Haruta to Chika wa Seishun Suru
Catch-All Routes
Static Pages
Localization
Localization (i18n) is supported! This demo uses fr with en as the default locale (at /).
Click on the links below to see the above text change
Page types
- /getServerSideProps/static (SSR)
- /getServerSideProps/1 (SSR)
- /getServerSideProps/all/1 (SSR)
- /getStaticProps/static (CDN)
- /getStaticProps/1 (CDN)
- /getStaticProps/3 (404)
- /getStaticProps/withFallback/1 (CDN)
- /getStaticProps/withFallback/3 (ODB)
- /getStaticProps/withFallbackBlocking/1 (CDN)
- /getStaticProps/withFallbackBlocking/3 (ODB)
- /getStaticProps/with-revalidate (ODB)
- /getStaticProps/withRevalidate/1 (ODB)
- /getStaticProps/withRevalidate/3 (404)
- /getStaticProps/withRevalidate/withFallback/1 (ODB)
- /getStaticProps/withRevalidate/withFallback/3 (ODB)
- /getStaticProps/withRevalidate/withFallbackBlocking/1 (ODB)
- /getStaticProps/withRevalidate/withFallbackBlocking/3 (ODB)
- Rewrite (should display image)
- Rewrite to static (should show getStaticProps/1)
appDir
Preview mode
Preview mode: