Softfix Frontend Structure CLI is a command-line tool that helps you quickly scaffold a clean and scalable folder structure for React and Next.js projects using TypeScript and ES6 modules. It follows a feature-based architecture to enhance maintainability and scalability.
Install the CLI globally using npm:
npx @softfix/frontend-structurecli
- Run the command above.
- Enter your desired project name when prompted.
- The tool will create a fully structured project folder with a
README.md
inside.
my-project-name/
├── public/
│ └── assets/
├── src/
│ ├── app/
│ │ ├── routes/
│ │ ├── app.tsx
│ │ ├── provider.tsx
│ │ └── router.tsx
│ ├── components/
│ ├── config/
│ ├── features/
│ │ └── awesome-feature/
│ │ ├── api/
│ │ ├── assets/
│ │ ├── components/
│ │ ├── hooks/
│ │ ├── stores/
│ │ ├── types/
│ │ └── utils/
│ ├── hooks/
│ ├── lib/
│ ├── stores/
│ ├── testing/
│ ├── types/
│ └── utils/
└── README.md
MIT License
Contributions are welcome! Feel free to open an issue or submit a pull request.
- npm: @softfix/frontend-structurecli
- GitHub: Repository Link (replace with actual repo link if available)