Supported Technologies

JS-Stack CLI supports a comprehensive range of modern JavaScript technologies, allowing you to build any type of application - from simple static sites to complex enterprise applications.

Frontend Frameworks

TanStack Router 🧭

• Package: @tanstack/react-router
• Version: Latest
• Features:
  • Type-safe routing
  • File-based routing
  • Data loading
  • Search params validation
• Best For: Type-safe React applications
• Example: --frontend tanstack-router

React Router ⚛️

• Package: react-router-dom
• Version: React Router 6+
• Features:
  • Declarative routing
  • Nested routes
  • Code splitting
  • Large ecosystem
• Best For: React SPAs, component libraries
• Example: --frontend react-router

TanStack Start 🚀

• Package: @tanstack/start
• Version: Latest
• Features:
  • Full-stack framework
  • Type-safe end-to-end
  • File-based routing
  • Built-in API routes
• Note: Full-stack framework - no separate backend needed
• Best For: Type-safe full-stack applications
• Example: --frontend tanstack-start

Next.js ▲

• Package: next
• Version: Next.js 14+
• Features:
  • Server-Side Rendering (SSR)
  • Static Site Generation (SSG)
  • API Routes (built-in backend)
  • App Router (React Server Components)
  • Image optimization
  • Middleware support
• Note: Full-stack framework - use --backend none
• Best For: Full-stack applications, SEO-optimized sites, production apps
• Example: --frontend next

Vue.js 💚

• Package: vue
• Build Tool: Vite
• Version: Vue 3+
• Features:
  • Progressive framework
  • Composition API
  • Reactive data binding
  • Component-based
  • Easy learning curve
• Best For: Modern web apps, rapid prototyping
• Example: --frontend vue

Nuxt 💚

• Package: nuxt
• Version: Nuxt 3+
• Features:
  • Vue-based full-stack framework
  • Server-side rendering
  • Auto-imports
  • File-based routing
  • Built-in TypeScript support
• Note: Full-stack framework - no separate backend needed
• Best For: Vue-based full-stack applications
• Example: --frontend nuxt

Angular 🔴

• Package: @angular/core
• Version: Angular 17+
• Features:
  • Enterprise-ready
  • TypeScript-first
  • Dependency injection
  • RxJS integration
  • Comprehensive tooling
• Best For: Large-scale enterprise applications
• Example: --frontend angular

Svelte 🍊

• Package: svelte
• Build Tool: Vite
• Version: Svelte 5+
• Features:
  • Compile-time optimization
  • No virtual DOM
  • Small bundle size
  • Reactive by default
• Best For: Performance-critical apps, small to medium projects
• Example: --frontend svelte

React Native 📱

• Package: react-native
• Version: Latest stable
• Features:
  • Cross-platform mobile development
  • Native performance
  • Hot reload
  • Large ecosystem
• Note: Requires a backend (cannot be "none")
• Options:
  • native-nativewind - React Native with NativeWind styling
  • native-unistyles - React Native with Unistyles styling
• Best For: Mobile applications (iOS & Android)
• Example: --frontend native-nativewind

Backend Frameworks

Express 🚂

• Package: express
• Version: Express 4.18+
• Features:
  • Minimal and flexible
  • Widely used and documented
  • Large middleware ecosystem
  • Easy to learn
  • Works with all databases
• Best For: REST APIs, microservices, general backend development
• Example: --backend express

Fastify ⚡

• Package: fastify
• Version: Fastify 4+
• Features:
  • High performance (2x faster than Express)
  • Low overhead
  • Schema validation built-in
  • TypeScript support
  • Plugin architecture
• Note: Limited Passport.js support (use JWT instead)
• Best For: High-performance APIs, microservices
• Example: --backend fastify

NestJS 🪺

• Package: @nestjs/core
• Version: NestJS 10+
• Features:
  • Enterprise-ready architecture
  • TypeScript-first
  • Decorator-based (like Angular)
  • Dependency injection
  • Built-in testing support
  • Module system
• Best For: Large-scale applications, enterprise backends
• Example: --backend nest

Koa 🎋

• Package: koa
• Version: Koa 2+
• Features:
  • Modern async/await syntax
  • Lightweight
  • Context-based
  • Better error handling
• Best For: Modern Node.js applications
• Example: --backend koa

Hono ⚡

• Package: hono
• Version: Latest
• Features:
  • Ultra-fast performance
  • Edge-ready
  • Type-safe
  • Works on Node.js, Bun, Deno, Cloudflare Workers
  • Minimal overhead
• Best For: High-performance APIs, edge functions
• Example: --backend hono

Elysia 🦊

• Package: elysia
• Version: Latest
• Features:
  • Bun-first framework
  • Type-safe
  • Fast performance
  • Plugin system
• Best For: Bun runtime applications
• Example: --backend elysia --runtime bun

Convex 🔷

• Package: convex
• Version: Latest
• Features:
  • Backend-as-a-service
  • Real-time database
  • Built-in authentication
  • Serverless functions
• Best For: Real-time applications, rapid development
• Example: --backend convex

Databases

PostgreSQL 🐘

• Type: Relational (SQL)
• ORMs: Prisma, Sequelize, TypeORM
• Features:
  • ACID compliant
  • Advanced features (JSON, arrays, full-text search)
  • Excellent performance
  • Open source
• Best For: Production applications, complex queries
• Example: --database postgres

MySQL 🐬

• Type: Relational (SQL)
• ORMs: Prisma, Sequelize, TypeORM
• Features:
  • Widely used
  • Stable and reliable
  • Good performance
  • Large community
• Best For: Traditional web applications
• Example: --database mysql

SQLite 🗄️

• Type: Relational (SQL)
• ORMs: Prisma, Sequelize, TypeORM
• Features:
  • File-based (no server needed)
  • Zero configuration
  • Perfect for development
  • Lightweight
• Best For: Development, prototypes, small applications
• Example: --database sqlite

MongoDB 🍃

• Type: Document (NoSQL)
• ODM: Mongoose (only compatible ORM)
• Features:
  • Flexible schema
  • Horizontal scaling
  • JSON-like documents
  • Fast queries
• Important: MongoDB only works with Mongoose ORM
• Best For: Content management, real-time apps, flexible schemas
• Example: --database mongodb --orm mongoose

ORMs & ODMs

Drizzle ⚡

• Supports: PostgreSQL, MySQL, SQLite
• Version: Drizzle 0.29+
• Features:
  • Lightweight and fast
  • Type-safe queries
  • SQL-like syntax
  • Migrations
  • Works with all runtimes
• Best For: Type-safe applications, edge deployments
• Example: --orm drizzle

Prisma ⚡

• Supports: PostgreSQL, MySQL, SQLite, MongoDB
• Version: Prisma 5+
• Features:
  • JavaScript database client
  • Auto-generated types
  • Migrations system
  • Excellent developer experience
  • Prisma Studio (database GUI)
  • Query optimization
• Best For: Modern applications, rapid development
• Example: --orm prisma

TypeORM 📘

• Supports: PostgreSQL, MySQL, SQLite
• Version: TypeORM 0.3+
• Features:
  • Decorator-based syntax
  • JavaScript-first
  • Active Record and Data Mapper patterns
  • Migrations
  • Works great with NestJS
• Best For: JavaScript projects, NestJS applications
• Example: --orm typeorm

MikroORM 🔷

• Supports: PostgreSQL, MySQL, SQLite
• Version: Latest
• Features:
  • Feature-rich ORM
  • Unit of Work pattern
  • Identity Map
  • Migrations
  • TypeScript support
• Best For: Complex applications, enterprise projects
• Example: --orm mikro-orm

Mongoose 🦫

• Supports: MongoDB only
• Version: Mongoose 7+
• Features:
  • Schema validation
  • Middleware (pre/post hooks)
  • Population (joins)
  • Query building
  • Model methods
• Important: Only ORM that works with MongoDB
• Best For: MongoDB applications
• Example: --orm mongoose (requires --database mongodb)

Authentication

Better Auth 🔒

• Type: Modern authentication library
• Version: Latest
• Features:
  • JavaScript (TypeScript-first)
  • Framework-agnostic
  • Built-in session management
  • OAuth providers included
  • Passwordless authentication
  • Modern API design
• Best For: All frameworks, modern applications
• Example: --auth better-auth

Clerk 🔐

• Type: Third-party authentication service
• Features:
  • Enterprise-ready
  • Social login (Google, GitHub, etc.)
  • Multi-factor authentication
  • User management dashboard
  • Works with all frameworks
• Best For: Applications requiring enterprise auth features
• Example: --auth clerk

NextAuth.js 🔑

• Type: Authentication library for Next.js
• Features:
  • Next.js optimized
  • Multiple providers
  • Session management
  • TypeScript support
• Note: Next.js only
• Best For: Next.js applications
• Example: --auth next-auth

Lucia 🦋

• Type: Lightweight authentication library
• Features:
  • Framework-agnostic
  • Type-safe
  • Session management
  • Multiple adapters
  • Lightweight
• Best For: Lightweight applications, custom auth needs
• Example: --auth lucia

Kinde 🎨

• Type: Authentication platform
• Features:
  • Enterprise features
  • Social login
  • User management
  • Works with all frameworks
• Best For: Enterprise applications
• Example: --auth kinde

Addons

Docker 🐳

• Includes:
  • Dockerfile for production builds
  • docker-compose.yml for local development
  • Multi-stage builds
  • Development and production configs
• Features:
  • Containerization
  • Easy deployment
  • Consistent environments
  • Database containers included
• Best For: Production deployments, team consistency
• Example: --addons docker

Testing 🧪

• Frameworks:
  • Vitest (default for most projects)
  • Jest (for some frameworks)
  • React Testing Library (for React)
• Features:
  • Unit test setup
  • Integration test examples
  • Test utilities configured
  • Coverage reporting
• Best For: All production applications
• Example: --addons testing

Biome 🌿

• Type: Linter & Formatter (all-in-one)
• Features:
  • 35x faster than ESLint + Prettier
  • Single tool for linting and formatting
  • Zero configuration
  • Built-in import sorting
  • TypeScript support
• Best For: Fast development, modern tooling
• Example: --addons biome

Turborepo ⚡

• Type: Monorepo build system
• Features:
  • Intelligent build caching
  • Parallel task execution
  • Remote caching support
  • Task pipelines
  • Fast incremental builds
• Best For: Monorepos, multi-package projects
• Example: --addons turborepo

PWA 📱

• Type: Progressive Web App
• Features:
  • Service worker setup
  • Offline support
  • App manifest
  • Install prompts
• Best For: Web applications that work offline
• Example: --addons pwa

Tauri 🦀

• Type: Desktop application framework
• Features:
  • Build desktop apps with web tech
  • Small bundle size
  • Native performance
  • Cross-platform
• Best For: Desktop applications
• Example: --addons tauri

Husky 🐕

• Type: Git hooks
• Features:
  • Pre-commit hooks
  • Pre-push hooks
  • Lint-staged integration
  • Commit message validation
• Best For: Code quality enforcement
• Example: --addons husky

Vitest ⚡

• Type: Test runner
• Features:
  • Fast test execution
  • Vite-powered
  • TypeScript support
  • ESM support
• Best For: Fast test execution
• Example: --addons vitest

Playwright 🎭

• Type: End-to-end testing
• Features:
  • Cross-browser testing
  • Auto-waiting
  • Network interception
  • Screenshot testing
• Best For: E2E testing
• Example: --addons playwright

Cypress 🌲

• Type: End-to-end testing
• Features:
  • Time-travel debugging
  • Real browser testing
  • Component testing
  • Visual testing
• Best For: E2E testing
• Example: --addons cypress

Storybook 📚

• Type: Component development
• Features:
  • Isolated component development
  • Visual testing
  • Documentation
  • Addon ecosystem
• Best For: Component libraries
• Example: --addons storybook

Changesets 📦

• Type: Version management
• Features:
  • Semantic versioning
  • Changelog generation
  • Release automation
• Best For: Monorepos, package publishing
• Example: --addons changesets

Package Managers

npm 📦

• Default: Yes
• Features: Comes with Node.js, widely supported
• Example: --package-manager npm

pnpm ⚡

• Features:
  • Fast package manager
  • Disk space efficient (shared store)
  • Strict dependency management
  • Great for monorepos
• Example: --package-manager pnpm

bun 🥖

• Features:
  • All-in-one runtime and package manager
  • Extremely fast
  • Built-in bundler and test runner
• Example: --package-manager bun

API Styles

tRPC 🔷

• Type: End-to-end type-safe APIs
• Features:
  • Full type safety
  • No code generation
  • Works with React, Next.js
  • Automatic type inference
• Best For: Type-safe full-stack applications
• Example: --api trpc

ORPC ⚡

• Type: Lightweight RPC
• Features:
  • Type-safe
  • Lightweight
  • Framework-agnostic
• Best For: Lightweight type-safe APIs
• Example: --api orpc

GraphQL 📊

• Type: Query language for APIs
• Features:
  • Flexible queries
  • Single endpoint
  • Strong typing
  • Introspection
• Best For: Complex data requirements
• Example: --api graphql

REST 🌐

• Type: RESTful API
• Features:
  • Standard HTTP methods
  • Stateless
  • Cacheable
  • Widely supported
• Best For: Standard APIs, microservices
• Example: --api rest

Runtime Environments

Node.js 🟢

• Default: Yes
• Features:
  • Most widely supported
  • Large ecosystem
  • All frameworks work
• Best For: General purpose applications
• Example: --runtime node

Bun 🥖

• Features:
  • Fast JavaScript runtime
  • Built-in bundler
  • Native TypeScript support
  • Elysia optimized
• Best For: High-performance applications
• Example: --runtime bun --backend elysia

Deno 🦕

• Features:
  • Secure by default
  • Built-in TypeScript
  • Web standards
  • Modern runtime
• Best For: Secure applications
• Example: --runtime deno

Cloudflare Workers ⚡

• Features:
  • Edge computing
  • Global distribution
  • Low latency
  • Hono optimized
• Best For: Edge applications, global APIs
• Example: --runtime workers --backend hono

Database Setup Options

Turso 🗄️

• Type: SQLite-compatible edge database
• Features:
  • Edge-ready
  • SQLite compatible
  • Low latency
  • Serverless
• Best For: Edge applications
• Example: --db-setup turso

Neon 🟢

• Type: Serverless PostgreSQL
• Features:
  • Serverless PostgreSQL
  • Auto-scaling
  • Branching
  • Fast setup
• Best For: Serverless applications
• Example: --db-setup neon

Supabase 🔷

• Type: Backend-as-a-service
• Features:
  • PostgreSQL database
  • Authentication
  • Real-time subscriptions
  • Storage
• Best For: Rapid development
• Example: --db-setup supabase

Docker Compose 🐳

• Type: Local database setup
• Features:
  • Local development
  • Database containers
  • Easy setup
• Best For: Local development
• Example: --db-setup docker-compose

Deployment Options

Cloudflare Pages 📄

• Type: Static site hosting
• Features:
  • Global CDN
  • Automatic deployments
  • Preview deployments
  • Free tier
• Best For: Static sites, Next.js, Nuxt
• Example: --web-deploy cloudflare-pages

Cloudflare Workers ⚡

• Type: Edge computing
• Features:
  • Edge functions
  • Global distribution
  • Low latency
  • Free tier
• Best For: APIs, edge functions
• Example: --server-deploy cloudflare-workers

Alchemy 🧪

• Type: Deployment platform
• Features:
  • Full-stack deployment
  • Database included
  • Easy setup
• Best For: Full-stack applications
• Example: --web-deploy alchemy or --server-deploy alchemy