A project that provides libraries and structures available for react.
- Auto generate component by hygen.
- Auto generate env file by config turbo.json.
- Auto generate assets (icons,images, fonts).
- Auto generate page includes (container, component, service, loader, route, model, services).
- Extend generate page and auto create CRUD api and view sample.
- Config eslint + prettier.
- Theme UI mantine.
- Config scss module.
- Commitlint for commit git.
- Alova for api.
- Config i18n multiple language.
- Storybook generate by component.
- And more, we will update...
Clone the project
git clone https://github.com/truongnat/turbo-spa-react.gitGo to the project directory
cd turbo-spa-reactInstall dependencies
yarnModify .env.template file and run
yarn config-envModify assets (if any) file and run
yarn generate-assetsGenerate new component
yarn new-component <name>Generate new page
yarn new-page <name>Generate new page with crud
yarn crud <name>Start dev
yarn devStart storybook
yarn storybookBuild dist
yarn buildYou can config multiple build for each env.
Build storybook
yarn build-storybook.
├── README.md
├── _templates
│ ├── crud
│ │ └── new
│ ├── component
│ │ └── new
│ ├── init
│ │ └── repo
│ └── page
│ └── new
├── commitlint.config.cjs
├── dev-dist
├── dist
├── index.html
├── package.json
├── public
│ ├── android-chrome-192x192.png
│ ├── android-chrome-512x512.png
│ └── vite.svg
├── scripts
│ ├── configEnv.js
│ ├── generateAssets.js
│ └── utils.js
├── src
│ ├── @types
│ │ ├── env.d.ts
│ │ ├── i18next.d.ts
│ │ ├── style.d.ts
│ │ ├── swaggerSchema.d.ts
│ │ └── vite-env.d.ts
│ ├── app
│ │ ├── App.tsx
│ │ ├── AppProviders.tsx
│ │ ├── index.ts
│ │ └── router
│ ├── assets
│ │ ├── fonts
│ │ ├── icons
│ │ ├── images
│ │ ├── index.ts
│ │ ├── lottie
│ │ └── styles
│ ├── features
│ │ ├── discussions
│ │ ├── employee-manager
│ │ ├── employees
│ │ ├── home-page
│ │ ├── network
│ │ ├── profile
│ │ ├── profile-page
│ │ ├── shop-manager
│ │ ├── sign-in
│ │ ├── tasks-page
│ │ └── templates
│ ├── main.tsx
│ ├── shared
│ │ ├── components
│ │ ├── config
│ │ ├── error-boundary
│ │ ├── hooks
│ │ ├── layouts
│ │ ├── mock
│ │ ├── providers
│ │ ├── services
│ │ ├── store
│ │ ├── theme
│ │ ├── translations
│ │ └── utils
│ └── stories
│ ├── Introduction.mdx
│ └── assets
├── storybook-static
├── tsconfig.json
├── tsconfig.node.json
├── turbo.json
├── vite.config.ts
└── yarn.lock
For support, email [email protected] or message Telegram.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent