> ## Documentation Index
> Fetch the complete documentation index at: https://012e27a-docs-2.manicule.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For every page in one file, fetch https://012e27a-docs-2.manicule.dev/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://012e27a-docs-2.manicule.dev/api/mcp.
> Every agent surface: https://012e27a-docs-2.manicule.dev/.well-known/llms-manifest.json

# Starter Templates (/getting-started/templates)

<!-- agent-signals: reading_time_min: 2 · est_tokens: 669 · updated: 2026-11-12 -->
Related: [Cloud Studio Quickstart](/getting-started/quickstart.md)

> Pre-configured full-stack starters available in BhaiCode Cloud Studio.

Each starter includes TypeScript, modern styling, and zero-config deployment support.

| Stack                       | Engine                                             | Best for                               |
| --------------------------- | -------------------------------------------------- | -------------------------------------- |
| **React + Vite + Tailwind** | Vite 6, React 19, Tailwind CSS v4                  | Dashboards, internal tools, SPAs       |
| **Next.js**                 | Next.js 15 (App Router), React 19, Tailwind CSS v4 | SEO sites, full-stack portals          |
| **Astro**                   | Astro 5, content collections, islands              | Docs, marketing sites, blogs           |
| **Remix / React Router v7** | React Router v7, TypeScript                        | Data-dense, form-heavy apps, ecommerce |
| **SvelteKit**               | Svelte 5 runes, Vite, Tailwind CSS v4              | Lightweight utilities, tiny bundles    |

## Choosing a stack

<Tabs>
  <Tab title="React + Vite">
    Recommended for client-heavy SPAs.

    * **Routing**: TanStack Router or React Router
    * **Styling**: Tailwind CSS v4 with modern color functions and responsive utilities
    * **Pick it when** the app is mostly interactive UI and SEO is not the priority.
  </Tab>

  <Tab title="Next.js">
    Server-first React.

    * **Features**: Server Components, Server Actions, API routes
    * **Styling**: Tailwind CSS v4 and Lucide icons
    * **Pick it when** you need SEO, server routes, or dynamic content.
  </Tab>

  <Tab title="Astro">
    Zero-JS by default.

    * **Features**: Content collections, selective React hydration
    * **Pick it when** pages are mostly content with occasional interactivity.
  </Tab>

  <Tab title="Remix / React Router v7">
    Data flows through loaders and actions.

    * **Features**: Nested routes, resilient server rendering
    * **Pick it when** the app is form-heavy or data-dense.
  </Tab>

  <Tab title="SvelteKit">
    Minimal runtime.

    * **Features**: Svelte 5 runes (`$state`, `$derived`, `$effect`)
    * **Pick it when** bundle size is critical.
  </Tab>
</Tabs>

## How a template boots

<Steps>
<Step title="Virtual filesystem">Cloud Studio loads the project tree into an in-memory filesystem.</Step>

<Step title="In-browser bundling">The WebAssembly compiler bundles your code locally in the browser — no remote
containers to wait for.</Step>

<Step title="AI context mapping">Bhai reads framework conventions, routing, and design tokens so generated code matches
the template's architecture.</Step>
</Steps>