Setting up a modern full stack application usually involves a tedious checklist. Drift entirely removes that friction by automating the initial setup process.
With one command, you get:
- Express Backend: Pre-configured with CORS and JSON parsing.
- React(vite) Frontend: Fully set up and ready for development.
- Concurrent Dev Scripts: Run your whole stack with a single
npm run devcommand. - Clean Architecture: Minimalist folder structure.
# 1. Clone the repository
git clone https://github.com/<username>/drift.git
cd drift
# 2. Install dependencies
npm install
npm link
# 3. You can now use drift anywhere
cd ..
drift my-app
cd my-app
npm run devmy-app/
├── server/
│ ├── node_modules/
│ ├── index.js # Express app entry point
│ ├── package-lock.json
│ ├── package.json # Backend setup & scripts
│
├── client/ # Standard Vite React frontend
│ ├── node_modules/
│ ├── public/
│ ├── src/
│ ├── .gitignore
│ ├── eslint.config.js
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
│ ├── README.md
│ └── vite.config.js
When you run drift, here's what happens:
- Creates a root folder with the given project name.
- Generates an Express backend (
server/) withdotenvandcorsinstalled. - Generates a React frontend (
client/) usingvite. - Bootstraps a root
package.jsonthat usesconcurrentlyto run both the frontend and backend simultaneously using thenpm run devcommand.
Please see our Contributing Guidelines for more details on how to get started.
