Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/amanvarshney01/create-better-t-stack/llms.txt

Use this file to discover all available pages before exploring further.

Better-T-Stack supports a wide range of modern frontend frameworks. You can select multiple frontends in a single project, including both web and native applications.

​
Web Frameworks

​
React-based Options

Modern and scalable routing for React Applications.What’s Included:
  • Type-safe routing with file-based routing support
  • Vite-powered development server
  • shadcn/ui components (Button, Card, Input, Dropdown, etc.)
  • Theme provider with dark mode support
  • Loader components for async states
Best For:
  • SPAs with complex routing needs
  • Type-safe route navigation
  • Modern React applications
Template Location: templates/frontend/react/tanstack-router/
A user-obsessed, standards-focused, multi-strategy router.What’s Included:
  • React Router v7
  • File-based routing configuration
  • Vite build system
  • shadcn/ui component library
  • Theme support with mode toggle
Best For:
  • Standards-compliant applications
  • Teams familiar with React Router
  • Progressive enhancement patterns
Template Location: templates/frontend/react/react-router/
SSR, Server Functions, API Routes and more with TanStack Router.What’s Included:
  • Full-stack React with SSR
  • Server functions support
  • Built-in API routes
  • shadcn/ui components
  • Vite-powered development
Best For:
  • Full-stack applications
  • Server-side rendering needs
  • Applications requiring server functions
Template Location: templates/frontend/react/tanstack-start/
The React Framework for the Web.What’s Included:
  • Next.js 15+ with App Router
  • Server Components and Server Actions
  • Built-in optimization (images, fonts, scripts)
  • shadcn/ui component library
  • Theme provider with dark mode
  • PostCSS and Tailwind CSS
Best For:
  • Production-ready applications
  • SEO-critical websites
  • Full-stack React applications
  • Teams wanting stability and ecosystem
Template Location: templates/frontend/react/next/

​
Vue Framework

The Progressive Web Framework for Vue.js.What’s Included:
  • Nuxt 3 with auto-imports
  • File-based routing
  • Server-side rendering
  • Tailwind CSS integration
  • Component library setup
Best For:
  • Vue developers
  • SSR applications
  • Progressive web apps
  • Content-driven sites
Template Location: templates/frontend/nuxt/

​
Svelte Framework

Web development for the rest of us.What’s Included:
  • SvelteKit for routing and SSR
  • Vite build system
  • TypeScript support
  • CSS preprocessing
  • Component-based architecture
Best For:
  • Lightweight applications
  • Excellent performance requirements
  • Simple, readable code
  • Developers new to frameworks
Template Location: templates/frontend/svelte/

​
Solid Framework

Simple and performant reactivity for building user interfaces.What’s Included:
  • Solid Start for routing
  • Fine-grained reactivity
  • Vite development server
  • TypeScript configuration
  • Loader and header components
Best For:
  • Maximum performance
  • React-like syntax with better performance
  • Fine-grained reactivity needs
Template Location: templates/frontend/solid/
Solid is not compatible with Convex backend.

​
Astro Framework

The web framework for content-driven websites.What’s Included:
  • Component islands architecture
  • Support for multiple UI frameworks
  • Optimized static site generation
  • Markdown and MDX support
  • Built-in image optimization
Best For:
  • Content-heavy websites
  • Documentation sites
  • Blogs and marketing pages
  • Multi-framework projects
Template Location: templates/frontend/astro/
Astro is not compatible with Convex backend and supports self (fullstack) backend mode.

​
Native Frameworks (React Native)

Build mobile applications alongside your web app using Expo and React Native.

Bare

Bare Expo without styling library.What’s Included:
  • Expo Router for navigation
  • React Native base setup
  • TypeScript configuration
  • No opinionated styling
Best For: Teams with existing styling preferences

Uniwind

Fastest Tailwind bindings for React Native with HeroUI Native.What’s Included:
  • NativeWind for Tailwind CSS
  • HeroUI Native components
  • Theme context and toggle
  • Expo Router
  • Metro bundler configuration
Best For: Teams using Tailwind on webTemplate: templates/frontend/native/uniwind/

Unistyles

Consistent styling for React Native.What’s Included:
  • React Native Unistyles
  • Consistent cross-platform styling
  • Theme support
  • Expo Router navigation
Best For: Cross-platform consistent designTemplate: templates/frontend/native/unistyles/

​
Choosing Your Frontend

  • TanStack Router: Modern, type-safe routing
  • React Router: Standards-focused, familiar
  • Solid: Maximum performance

​
Multi-Frontend Projects

You can combine web and native frontends in a single project: 
create-better-t-stack my-app
# Select both "Web" and "Native" when prompted
This creates a monorepo structure with shared packages and separate frontend apps.

​
Backend Compatibility

Some frontends have backend restrictions:
  • Solid and Astro cannot use Convex
  • Self (Fullstack) backend mode is only available for Next.js, TanStack Start, Nuxt, and Astro

​
Next Steps

Backend Options

Choose your backend framework

Database Options

Set up your database

Build docs developers (and LLMs) love

Get started for freeTalk to us