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

# Starter Templates (/docs/getting-started/templates)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 531 · updated: 2026-11-11 -->
Related: [Import Existing Projects](/docs/getting-started/import-projects.md), [Download & Install Desktop Workspace](/docs/getting-started/installation.md), [Cloud Studio Quickstart](/docs/getting-started/quickstart.md), [Desktop Workspace Overview](/docs/desktop/overview.md)

> Pre-configured full-stack web development starter templates available in BhaiCode.

BhaiCode Cloud Studio includes pre-configured starters optimized for fast scaffolding. Each starter includes TypeScript, modern styling, and zero-config deployment support.

***

## Available Stacks

### 1. React + Vite + Tailwind CSS (Recommended for SPAs)

* **Engine**: Vite 6, React 19, TypeScript
* **Styling**: Tailwind CSS v4 with modern CSS color functions and responsive utilities
* **Routing**: Client-side routing with TanStack Router or React Router
* **Best For**: Dashboards, internal tools, interactive SaaS apps, and client-heavy SPAs

### 2. Next.js (App Router)

* **Engine**: Next.js 15, React 19, TypeScript
* **Styling**: Tailwind CSS v4, Lucide Icons
* **Features**: Server Components (RSC), Server Actions, API routes
* **Best For**: SEO-focused sites, full-stack portals, and dynamic content apps

### 3. Astro

* **Engine**: Astro 5, Content Collections, Islands Architecture
* **Styling**: Tailwind CSS v4
* **Features**: Zero-JS baseline with selective React component hydration
* **Best For**: Documentation sites, marketing pages, developer blogs, and content sites

### 4. Remix / React Router v7

* **Engine**: React Router v7 / Remix, TypeScript
* **Features**: Nested routes, loaders, actions, resilient server-rendering
* **Best For**: Data-dense applications, form-heavy workflows, and ecommerce stores

### 5. SvelteKit

* **Engine**: Svelte 5 with modern Runes (`$state`, `$derived`, `$effect`), Vite
* **Styling**: Tailwind CSS v4
* **Best For**: Ultra-lightweight utilities with minimal bundle footprint

***

## How Templates Initialize

When you create a project from a template:

1. **Virtual Filesystem Boot**: Cloud Studio loads the project tree into an in-memory virtual filesystem.
2. **In-Browser Bundling**: The WebAssembly compiler bundles your code directly in the browser without waiting for remote server containers.
3. **AI Context Mapping**: The agent inspects framework conventions, routing patterns, and design tokens to ensure all generated code matches the template architecture.