Questions? hello@viberation.devGet supportBlogDocsChangelog
Get started
← All walkthroughs

Walkthrough · Project build

beginner

Ship your first web project

Step 3 of 4 · linear, one-off

0 of 14 done

  1. Idea
  2. Stack
  3. 3Deploy
  4. 4Launch

Deploy

Deploy on day one, while there is nothing to lose. Do not save it for the end.

Deploying early means every change after this is a small, safe step instead of one terrifying leap at the end. It also means you have a real URL to send someone the moment it is worth sending.

bash

git init
git add -A
git commit -m "first commit"

What you should see

create mode ... lines for each file, and a commit hash. If git complains about your name or email, set them with git config and run the commit again.

Now make an empty repository on GitHub, then connect it and push. GitHub shows you the exact two commands on the page right after you create it.

With the code on GitHub, go to vercel.com, choose Add New Project, and pick the repository. Accept every default and press Deploy. When it finishes you have a live URL.

  • Made the first commit
  • Pushed the repository to GitHub
  • Deployed on Vercel and opened the live URL
  • Pushed a second change and watched it deploy itself
  • 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