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.

• #8500: Kottan ermittelt
• #8501: Kaisermühlen Blues
• #8502: Echt fett
• #8503: Tom Turbo
• #8504: The Price is Right

Dynamic Pages

Click on a show to check out a server-side rendered page with dynamic routing (/shows/:id).

• #8500: Kottan ermittelt
• #8501: Kaisermühlen Blues
• #8502: Echt fett

Catch-All Routes

• /shows/73/whatever/path/you/want
• /shows/94/whatever/path/you
• /shows/106/whatever/path

Static Pages

• Static NextJS page: /static
• Static NextJS page with dynamic routing: /static/:id

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

• /fr
• /en (default locale)

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

• app dir page

Preview mode

Preview mode:

• Check for preview mode
• Enter preview
• Exit preview