Docs >Templates >Overview

Templates

Scaffa provides templates for React and Vue, each with two variants.

Variants

Backbone

Minimal setup with essential configuration. Use this when you want:

  • A clean starting point without example code
  • Full control over project structure
  • To build your UI from scratch

Colorful

Feature-rich setup with example pages and components. Use this when you want:

  • Working examples to reference
  • Pre-built UI components
  • A head start on common patterns

Shared features

All templates include:

Feature Library
Type checking TypeScript
Styling TailwindCSS
HTTP client Axios
Server state TanStack Query
Routing React Router / Vue Router
i18n i18next / Vue I18n
Build tool Vite
Linting ESLint
Formatting Prettier

Project structure

All templates follow a consistent structure:

src/
├── api/          # API integration and services
├── assets/       # Static assets and global styles
├── components/   # Reusable UI components
├── config/       # Application configuration
├── layouts/      # Layout components
├── lib/          # Utility functions
├── locales/      # Translation files (en, mm)
├── modules/      # Feature modules
├── router/       # Route definitions
└── stores/       # State management (Vue only)