Skip to content
Orbit Docs

From app prompt to hosted UI

← Learning Atlas · Path 8 of 22

7 ordered steps, from Bolt to Vercel.

AI agents and harnessesBrowsersruntimesframeworksBuild/deploy tooling

  1. Step 1: Bolt

    Bolt starts the path as a prompt-to-app surface where learners can see an idea become runnable UI quickly.

  2. Step 2: Lovable

    Lovable follows because it occupies the same generation space while pushing the learner to compare productized app-building workflows.

  3. Step 3: v0

    v0 narrows the journey toward UI generation, making component structure and frontend polish the next focus.

  4. Step 4: shadcn/ui

    shadcn/ui matters after v0 because generated interfaces often rely on reusable component systems rather than one-off markup.

  5. Step 5: Tailwind CSS

    Tailwind explains the styling layer those component systems commonly use, so the learner can reason about generated visual changes.

  6. Step 6: Next.js

    Next.js turns the generated UI into an application framework with routing, rendering, and deployment conventions.

  7. Step 7: Vercel

    Vercel closes the loop by showing where a Next.js-based generated app can be previewed and shipped.