Bates Motel

A CLI tool to quickly generate React SSR applications with authentication.

Quick Start

npx bates-motel my-new-app

What You Get

• ⚡ Server-Side Rendering with Vite and Express
• 🔐 Authentication Pages (optional) - Login, Register, Forgot Password
• 🎨 Chakra UI for modern, accessible components
• 🧪 Testing Setup with Jest and React Testing Library
• 📝 TypeScript for type safety
• 🔧 ESLint + Prettier for code quality
• 🏗️ Modern Build Setup with Vite

Usage

Interactive Setup

npx bates-motel

The CLI will ask you:

• Project name
• Package manager preference (npm/yarn/pnpm)
• Whether to include authentication pages
• Whether to install dependencies automatically

Direct Project Creation

npx bates-motel my-project-name

Generated Project Structure

my-project/
├── src/
│   ├── components/          # Reusable components
│   │   ├── ui/             # UI provider setup
│   │   ├── shared/         # Shared utilities
│   │   └── Routing/        # Routing components
│   ├── pages/              # Page components
│   │   └── Authentication/ # Auth pages (optional)
│   ├── utils/              # Utility functions
│   ├── entry-client.tsx    # Client-side entry point
│   ├── entry-server.tsx    # Server-side entry point
│   └── routes.ts          # Application routes
├── public/                 # Static assets
├── server.js              # Express server
├── vite.config.ts         # Vite configuration
└── package.json

After Generation

1. Navigate to your project:

   cd my-project

2. Start development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

3. Open http://localhost:5173

Available Scripts in Generated Project

• dev - Start development server
• build - Build for production
• preview - Preview production build
• test - Run tests
• lint - Run ESLint
• format - Format code with Prettier

Technologies Included

• React 19 - UI framework
• Vite - Build tool and dev server
• Express - Server framework
• React Router - Client and server routing
• Chakra UI - Component library
• TypeScript - Type safety
• Jest - Testing framework
• ESLint + Prettier - Code quality

Requirements

• Node.js 18.0.0 or higher

License

MIT