Hey devs 👋,
If you’ve ever kicked off a new React project for a big client or internal team, you know the drill:
- Install dependencies
- Set up Axios with interceptors
- Configure Redux, React Query, routing, i18n, dark/light themes…
- Spend a day fixing ESLint/Prettier configs
- And then start writing actual features 😅
After doing this way too many times, I decided to bottle up all the boring setup into one boilerplate — so I can jump straight into building features.
Here it is:
🔗 GitHub Repo: Hoang21099/react-boilerplate
What You Get Out of the Box
- ⚡ React 18 + TypeScript for type-safe, modern apps
- 🛠 Vite for blazing-fast dev & builds
- 🎨 Tailwind CSS + dark/light theme switch
- 🔐 JWT-based authentication & role-based routes
- 📦 Redux Toolkit + RTK Query for state & API
- 🌍 i18n with English & Vietnamese
- 🛡 Error boundaries, protected routes, and graceful loading states
Why This Exists
When I was working on enterprise apps, the initial setup was always:
- Copy configs from an old project
- Update half the packages
- Break something because configs were outdated
- Spend hours debugging before writing real code
Now, I just git clone this repo and I’m ready to go in minutes.
Try It
git clone https://github.com/Hoang21099/react-boilerplate
cd react-boilerplate
yarn install
yarn dev
Edit .env for your API base URL, and you’re off to the races 🚀.
Final Thoughts
I built this for myself, but if it saves you time, that’s even better.
If you’ve got ideas to make it better — drop an issue or PR.
And if you like it, a ⭐ on GitHub means a lot ❤️.
Happy coding!
– Hoang