Ship your first web project

Step 2 of 4 · linear, one-off

0 of 14 done

Stack

Pick tools that get out of the way. You can change any of this later.

For a first project the stack matters far less than picking one and stopping. Next.js for the app, Tailwind for styling, Vercel to host it. Add a database only if your idea actually stores something.

bash

npx create-next-app@latest my-project

What you should see

A series of questions, then a my-project folder with node_modules installed. Answer yes to TypeScript, yes to Tailwind, yes to App Router.

bash

cd my-project
npm run dev

What you should see

Local: http://localhost:3000. Open it and you should see the Next.js starter page.

Created the project with create-next-app
Seen the starter page at localhost:3000
Changed some text in app/page.tsx and watched it update
Sign in to tick these off and pick up where you left them.

Tools used in this build

Everything this walkthrough reaches for, with the directory entry for each.

Models
Claude
Anthropic's model family, strong at long-context coding work.
Freemium
CLIs
Claude Code
Anthropic's agentic coding tool in your terminal.
Paid
Models
Gemini
Google DeepMind's multimodal model family.
Freemium
Models
GPT
OpenAI's model family, behind ChatGPT and Codex.
Freemium
Frameworks
Next.js
The React framework most AI tools generate best.
Open source
Templates
shadcn/ui
Copy-paste React components you own outright.
Open source
Tools
Supabase
Postgres, auth, storage and row-level security in one box.
Freemium
Tools
Vercel
Deploy Next.js with a preview URL per pull request.
Freemium