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:

“May the Force be with you.”

- Harrison Ford as Han Solo in “Star Wars” (1977)

loaded at 4/2/2025, 8:53:17 AM. 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...)