Starter Templates

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

Available StacksCopy Anchor Link

1. React + Vite + Tailwind CSS (Recommended for SPAs)Copy Anchor Link

• 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)Copy Anchor Link

• 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. AstroCopy Anchor Link

• 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 v7Copy Anchor Link

• 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. SvelteKitCopy Anchor Link

• 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 InitializeCopy Anchor Link

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.