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- #3750: Gordon Ramsay's Ultimate Cookery Course
- #3751: Chuck's Day Off
- #3753: The Pool Master
- #3754: Celebrity Juice
- #3755: Top Coppers
Dynamic Pages
Click on a show to check out a server-side rendered page with dynamic routing (/shows/:id).
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: