Belongs to the bc boilerplates ecosystem
ReactJS Boilerplate for a typical project.
Demo: https://react-boilerplate-coral.vercel.app
Backend: https://github.com/brocoders/nestjs-boilerplate
First, run the development server:
cp example.env.local .env.local
npm run dev
- Next.js
- TypeScript
- i18n (based on https://github.com/i18next/next-13-app-dir-i18next-example)
- Material UI. Supports dark mode.
- React Hook Form
- React Query
- Auth (Sign in, Sign up, Reset password, Confirm email, Refresh Token)
- User management (CRUD)
- File Upload
- E2E tests (Playwright)
- ESLint
- CI (GitHub Actions)
![Sign In](https://cdn.statically.io/img/private-user-images.githubusercontent.com/6001723/278486700-5d42cd15-685b-4ae7-951d-4c8ed89c5390.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE0MTUzMDcsIm5iZiI6MTcyMTQxNTAwNywicGF0aCI6Ii82MDAxNzIzLzI3ODQ4NjcwMC01ZDQyY2QxNS02ODViLTRhZTctOTUxZC00YzhlZDg5YzUzOTAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMTg1MDA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9M2NlNzUxNjU4ZjRlMWI5MzI4ZjQ3OTQyZDBlOGYzNmVmMzEyOThjNDBmMDQ5NjE0Mjg4ZjFkODIyMjYzMjU1YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.6bmpJLDJNwB9gplQY1FFMQvvVyzaG2VpDEHLNgDccvo)
![Sign Up](https://cdn.statically.io/img/private-user-images.githubusercontent.com/6001723/278486685-aca2d405-2155-4755-8d0e-d41bdc0db852.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE0MTUzMDcsIm5iZiI6MTcyMTQxNTAwNywicGF0aCI6Ii82MDAxNzIzLzI3ODQ4NjY4NS1hY2EyZDQwNS0yMTU1LTQ3NTUtOGQwZS1kNDFiZGMwZGI4NTIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMTg1MDA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmFkOWE4ZDdhZDQxNDE1YTI2YTZlOGQ1ZWZlZDM4NWMyOGFlMmIxYTM2ODBhNDFlN2U0MjE5YjJkNzRiZjliZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.9KOY5pJoJSC0dVOQtcHAVR8S8QbyjWKMNjpGhQjIg8g)
![Users list](https://cdn.statically.io/img/private-user-images.githubusercontent.com/6001723/278486695-244409c0-2235-4018-b062-44fb54ea4321.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE0MTUzMDcsIm5iZiI6MTcyMTQxNTAwNywicGF0aCI6Ii82MDAxNzIzLzI3ODQ4NjY5NS0yNDQ0MDljMC0yMjM1LTQwMTgtYjA2Mi00NGZiNTRlYTQzMjEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMTg1MDA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZmY4NGRmNGZmMTUwNjYxM2Q1NDkyODAwMGJlMjdiOWIyZTE4NGM3MmZlZjhiZjFhMTJjZTBmMjE3ZTNlM2RjNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.2jYIdBg5aSbwhhowBBZyDLxP2v_dLKSfA_I7ehhYM2E)
![Create user](https://cdn.statically.io/img/private-user-images.githubusercontent.com/6001723/278486676-cb86a3e1-331f-4bd7-9668-3c6cf44eb372.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE0MTUzMDcsIm5iZiI6MTcyMTQxNTAwNywicGF0aCI6Ii82MDAxNzIzLzI3ODQ4NjY3Ni1jYjg2YTNlMS0zMzFmLTRiZDctOTY2OC0zYzZjZjQ0ZWIzNzIucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI0MDcxOSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNDA3MTlUMTg1MDA3WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YmEzYzg2ZjUyMDZlZWViZWM1ODZlNjJiYmI3MWQ1MmJjNzE0NmVmYjVlY2U5M2M4NTI3NDYyYWQ3NmY3Y2YxOCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QmYWN0b3JfaWQ9MCZrZXlfaWQ9MCZyZXBvX2lkPTAifQ.Ioa0IeudEPGyTdvU2OlXkx0wSiUr9cataUEod9R9OMQ)
Vladyslav Shchepotin 🚧 📖 💻 |
Elena Vlasenko 📖 |
TetianaFomina |
Liudmyla Kostenko 💻 |
Rodion 💼 |
If you seek consulting, support, or wish to collaborate, please get in touch with us via boilerplates@brocoders.com or feel free to ask us on GitHub Discussions. We are totally open to any suggestions and improvements.