NEXT5 Photos — Landing Page

Curated photography routes in Saigon. Built with Next.js 16 + Tailwind CSS v4.

Environment

.env.local (not committed):

Variable	Used by	Required
WAVESPEED_API_KEY	preview + full-shoot generation	yes
AIRTABLE_API_KEY / AIRTABLE_BASE_ID / AIRTABLE_TABLE_NAME	order recording	yes
AIRTABLE_PROMPTS_TABLE_ID	studio prompts	falls back to src/data/prompts.ts
CLOUDFLARE_ACCOUNT_ID / R2_*	delivered photo storage	yes
OPENAI_API_KEY	the creative director's note on the preview (gpt-4o-mini)	no — falls back to a written note

---

Design System

Doc	Purpose
docs/design-system.md	Color tokens, typography, spacing, motion — single source of truth
docs/components.md	Every component: props, variants, usage examples
docs/contributing.md	File structure, naming conventions, styling rules, PR checklist

---

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.