create-fullstack-forge

A CLI tool to scaffold a new full-stack application with Express backend and React frontend powered by Vite.

Installation

npm install -g create-fullstack-forge

or use with npx:

npx create-fullstack-forge

Usage

create-fullstack-forge <project-name>

This will create a new directory with the following structure:

my-project/
├── backend/
│   ├── src/
│   │   ├── index.js
│   │   ├── config/
│   │   ├── controllers/
│   │   ├── middleware/
│   │   ├── models/
│   │   └── routes/
│   ├── package.json
│   └── .env.example
├── frontend/
│   ├── src/
│   │   ├── main.jsx
│   │   ├── App.jsx
│   │   ├── components/
│   │   ├── features/
│   │   ├── pages/
│   │   ├── store/
│   │   └── styles/
│   ├── package.json
│   ├── vite.config.js
│   ├── tailwind.config.js
│   └── postcss.config.js
├── package.json
├── pnpm-workspace.yaml
├── docker-compose.yml
└── README.md

Getting Started

1. Navigate to your project:

   cd my-project

2. Install dependencies:

   pnpm install

3. Start the development environment:

   # Terminal 1: Backend
   cd apps/backend
   pnpm dev
   
   # Terminal 2: Frontend
   cd apps/frontend
   pnpm dev

Features

• Full-stack boilerplate with modern tech stack
• Express.js backend with middleware and routing
• React frontend with Vite build tool
• Redux for state management
• Tailwind CSS for styling
• Docker support with docker-compose
• Monorepo setup with pnpm
• Pre-configured authentication system

License

MIT