Interactive CLI to scaffold full-stack applications with your choice of frontend (React, Vue, Next.js) and backend (Express, Go) - Now with TypeScript backends!
npm install create-techstack-appInteractive CLI to scaffold full-stack applications with your choice of frontend and backend technologies.
``bashUsing npx (recommended)
npx create-techstack-app my-project
Features
- šØ Multiple Frontend Options: React 19, Vue 3.5, Next.js 16, or Vanilla JavaScript
- šÆ Tailwind CSS v4 Support: Modern CSS-first configuration for React and Next.js
- āļø Flexible Backend Choices: Express 5 (with MongoDB/PostgreSQL/MySQL) or Go (Gin/Fiber)
- š¦ Full TypeScript Support: TypeScript for both frontend and backend
- š Progress Tracking: Beautiful progress bar with percentage display
- š§ Zero Configuration: Get started immediately with sensible defaults
- ā” Latest Versions: All dependencies use the latest stable versions
Quick Start
`bash
npx create-techstack-app my-app
`Follow the interactive prompts:
1. Project Type: Full-stack, Frontend only, or Backend only
2. Frontend Framework: React, Vue, Next.js, or Vanilla JS
3. Tailwind CSS: Yes or No (for React/Next.js)
4. Backend Stack: Express+MongoDB, Express+PostgreSQL, Go+Gin, etc.
5. TypeScript: Yes or No (applies to both frontend and backend!)
6. Git & Dependencies: Initialize Git and install dependencies
Available Templates
$3
| Template | Version | Description |
| ---------------- | ---------------- | -------------------------------------------------- |
| React + Vite | React 19, Vite 7 | Modern React with optional Tailwind CSS v4 |
| Vue + Vite | Vue 3.5, Vite 7 | Vue 3 with Composition API |
| Next.js | Next.js 16 | React framework with App Router, optional Tailwind |
| Vanilla JS | Vite 7 | Plain JavaScript with Vite bundler |
$3
| Template | Version | Description |
| ------------------------ | --------------------- | ------------------------------------ |
| Express + MongoDB | Express 5, Mongoose 9 | Node.js with Mongoose ORM (JS or TS) |
| Express + PostgreSQL | Express 5, Prisma 7 | Node.js with Prisma ORM (JS or TS) |
| Express + MySQL | Express 5, Prisma 7 | Node.js with Prisma ORM (JS or TS) |
| Go + Gin | Gin 1.11 | Fast Go web framework |
| Go + Fiber | Fiber 2.52 | Express-inspired Go framework |
CLI Options
`bash
Create with default options
npx create-techstack-app my-app --yesSpecify frontend and backend
npx create-techstack-app my-app --frontend react --backend express-mongodbOpen interactive web-based playground
npx create-techstack-app --playgroundShow help
npx create-techstack-app --help
`Project Structure
$3
`
my-project/
āāā frontend/ # Frontend application
ā āāā src/
ā āāā package.json
ā āāā ...
āāā backend/ # Backend API
āāā src/
āāā package.json # For JS backends
āāā tsconfig.json # For TypeScript backends
`$3
`
my-project/
āāā src/
āāā package.json
āāā ...
`Development
After scaffolding, navigate to your project and start developing:
`bash
Full-stack project
cd my-projectStart frontend
cd frontend && npm run devStart backend (in another terminal)
cd backend && npm run dev
`What's New in v2.1.0
- š® Interactive Playground: Visual web-based UI with
--playground` flag- š TypeScript Backends: Full TypeScript support for all Express backends
- šØ Tailwind CSS v4: Updated to latest Tailwind with CSS-first configuration
- š Progress Bar: Visual progress tracking with percentage display
- ā” Latest Versions: React 19, Next.js 16, Vue 3.5, Vite 7, Express 5, Prisma 7
- Node.js: >= 18.0.0
- Go: >= 1.22 (only for Go backends)
Contributions are welcome! Please feel free to submit a Pull Request.
MIT Ā© Hariswar Reddy