Next.js

Next.js app with the App Router — the clean starting point for most web apps.

TypeScriptFull-stackPostgres

Get the AI prompt

What you can build with it

Internal dashboards and admin panels
Team portals and knowledge bases
Customer-facing sites with a few dynamic pages

What's inside

create-next-app App Router starter
Tailwind CSS
AGENTS.md / CLAUDE.md for coding agents

Before you deploy

Add a managed Postgres with elula init --database; the connection string is injected as DATABASE_URL.

Source

github.com/vercel/vercel/tree/main/examples/nextjs

Start with your AI

Paste this into Claude Code, Cursor, Codex or another AI coding assistant. It copies the template into your own private repo, deploys it to Elula and gives you the live URL.

Start a new project from the Next.js template at https://github.com/vercel/vercel/tree/main/examples/nextjs and deploy it to Elula: copy the folder into a new private GitHub repo, install the Elula CLI if needed, then run elula init --database and elula deploy --no-wait. A deploy takes a few minutes: run elula status --wait 60 until it says Live, and tell me which step it's on each time. Run elula docs if anything is unclear. Give me the live URL.

View on GitHub

Deploy on Elula

Prefer the terminal? Start your own private copy and ship it with the CLI.

npx degit vercel/vercel/examples/nextjs#main my-nextjs
cd my-nextjs && git init && git add -A && git commit -m "Start from the Next.js template"
gh repo create my-nextjs --private --source . --push
elula init --database
elula deploy

Deploy from the dashboard Install the CLI

Clone the repo

Grab just this template's folder and run it locally.

git clone --depth 1 --filter=blob:none --sparse -b main https://github.com/vercel/vercel.git
cd vercel && git sparse-checkout set examples/nextjs
cd examples/nextjs