Extensive React Boilerplate

Belongs to the bc boilerplates ecosystem

Table of Contents

• Extensive React Boilerplate
  • Description
  • Getting Started
  • Features
  • Screenshots
  • Contributors
  • Support

Description

ReactJS Boilerplate for a typical project.

Full documentation here

Demo: https://react-boilerplate-coral.vercel.app

Backend: https://github.com/brocoders/nestjs-boilerplate

Getting Started

When you start a new project from this boilerplate, first run the one-time configuration command. It removes the boilerplate's internal generator tests, keeping the resource and field generators in place. Skip this step if you are contributing to the boilerplate itself.

npm run app:config

Then, run the development server:

cp example.env.local .env.local

npm run dev

Features

• Next.js
• TypeScript
• i18n (based on https://github.com/i18next/next-13-app-dir-i18next-example)
• shadcn/ui + Tailwind CSS. 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)

Screenshots

Contributors

Vladyslav Shchepotin 🚧 📖 💻

Elena Vlasenko 📖

TetianaFomina ⚠️ 🐛

Liudmyla Kostenko 💻

Rodion 💼

Support

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.