Netlify Platform Starter - Next.js

Get started with Next.js and Netlify in seconds.

Read the Docs

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:

“Cinderella story. Outta nowhere. A former greenskeeper, now, about to become the Masters champion. It looks like a mirac...It's in the hole! It's in the hole! It's in the hole!”

- Bill Murray as Carl Spackler in “Caddyshack” (1980)

loaded at 11/30/2025, 1:11:21 PM. Original data source.

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...)