A simple TypeScript template with modern development tools.
- ⚡ Vite - Fast build tool and dev server
- 📦 TypeScript - Type safety
- 🎨 Tailwind CSS - Utility-first CSS framework
- ✅ Vitest - Fast unit testing
- 🔧 ESLint - Code linting
- 🎯 Prettier - Code formatting
- 🐺 Husky - Git hooks
- 📝 Conventional Commits - Commit message format
- Node.js (version 18 or higher)
-
Clone the repository:
git clone <your-repo-url> cd template
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open your browser and navigate to
http://localhost:5173
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run test- Run testsnpm run lint- Check code qualitynpm run lint:fix- Fix linting issuesnpm run agent-check- Run build, lint, and test (full check)
template/
├── src/
│ ├── main.ts # Entry point
│ ├── index.css # Global styles (Tailwind)
│ └── vite-env.d.ts # Vite type definitions
├── tests/
│ ├── main.test.ts # Basic tests
│ └── setup.ts # Test setup
├── public/ # Static assets
├── package.json # Dependencies and scripts
├── vite.config.ts # Vite configuration
├── vitest.config.ts # Test configuration
├── tsconfig.json # TypeScript configuration
├── eslint.config.js # ESLint configuration
├── tailwind.config.js # Tailwind configuration
└── README.md # This file
This template provides a solid foundation for TypeScript projects with modern tooling. To extend it:
- Add your source files to the
src/directory - Create components, utilities, or modules as needed
- Write tests in the
tests/directory - Update dependencies in
package.jsonas required - Customize configurations to match your project needs
This project is licensed under the MIT License - see the LICENSE file for details.