Alex Tykockis Account Director at Appius

I am just getting started with understanding Next.js and Netlify.

The card below is rendered on the server based on the value of process.env.CONTEXT (docs):

Netlify Context: running in production mode.

This page was statically-generated at build time.

The card content below is fetched by the client-side from /quotes/random (see file app/quotes/random/route.js) with a different quote shown on each page load:

On Netlify, Next.js Route Handlers are automatically deployed as Serverless Functions. Alternatively, you can add Serverless Functions to any site regardless of framework, with acccess to the full context data.

And as always with dynamic content, beware of layout shifts & flicker! (here, we aren't...)