maxstack-web-template
v0.2.2
Published
Official Maxstack web application template
Maintainers
Readme
MAXSTACK
Quick Start
Prerequisites
- Node.js (LTS version recommended)
- npm or pnpm package manager
Available Scripts
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run test- Run unit testsnpm run test:e2e- Run E2E testsnpm run lint- Lint and format codenpm run typecheck- Run TypeScript type checkingnpm run validate- Run all checks (lint, typecheck, test)
Development
Code Quality
This project maintains high code quality standards through:
- TypeScript: Static type checking for better reliability
- Biome: Fast linting and formatting
- Vitest: Lightning-fast unit and integration testing
- Playwright: Reliable end-to-end testing
- React Router v7: Modern routing with type safety
Project Structure
app/
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── lib/ # Utility libraries
├── routes/ # Application routes
├── services/ # Business logic and API calls
└── utils/ # Pure utility functionsContributing
Please read our Contributing Guide for detailed information about our development process, coding standards, and how to submit contributions.
Testing
We follow a comprehensive testing strategy:
- Unit Tests: Individual functions and components
- Integration Tests: Component interactions and workflows
- E2E Tests: Complete user journeys
Run all tests:
npm run validateDeployment
Build for production:
npm run build
npm run startLicense
This project is licensed under the MIT License - see the LICENSE file for details.
Development Tools Setup
VSCode Biome Extension
For the best development experience, install the Biome VSCode extension:
- Open Command Palette (Ctrl/⌘+⇧+P)
- Select "Extensions: Install Extensions"
- Search for "Biome" and install
- Set as default formatter:
- Open Command Palette
- Select "Format Document With..."
- Select "Configure Default Formatter"
- Choose "Biome"
