🚀 How to create a new project
To quickly start a new project with this template, run the command below in your terminal:
npx create-startercraft my-appReplace my-app with your desired project name.
This command will set up a new project with all the best practices and structure from this template.
About the Project
StarterCraft Page is a modern template for React projects, focused on organization, scalability, and productivity. It uses patterns like MVVM, automated code generation, and efficient state management.
- Modular organization of components and stores
- Code generation with Plop.js to speed up development
- State management with Zustand
- Structure inspired by modern architecture patterns
Ideal for projects of any size seeking standardization, easy maintenance, and fast onboarding for new developers.
Advantages
- Clear and reusable componentization
- Separation of concerns (View, ViewModel, Model)
- Automated creation of files and folders
- Scalability for large teams
- Intuitive documentation and structure
What type of project?
StarterCraft Page is recommended for:
- Small to large scale React web applications
- Projects that require organization and scalability
- Teams seeking standardization and fast onboarding
Brief Documentation
- Code Generation: Use
npm run generateto quickly create components, features, and subcomponents with Plop.js. - Component Organization: Each component has its own folder, following the MVVM pattern (View, ViewModel, Model), making maintenance and testing easier.
- Store: Manage global state with Zustand, keeping each store in its own folder for clarity and scalability.
See the full documentation in the project's docs/ folder.