Every time I started working on a new project, I usually spent a few hours setting up my front-end environment. The tech stack has always been similar, so I decided to make a simple boilerplate once, and reuse it from now on. I open-sourced it so more people can skip the boring configuration part and start building right away.
Here's the tech stack:
- Create React App - Server-side rendering is great, but it slows you down. Migrate to Nest.js or Gatsby when it makes sense
- TypeScript - Types make the code way more maintainable and error-prone
- Redux & Redux Toolkit - Redux Toolkit makes working with Redux a breeze
- Tailwind CSS & twin.macro - I'm still learning Tailwind, but it looks really promising, especially with twin.macro
- Reach Router - Small and easy
- React Intl - Very popular and easy to use
- Google Analytics & Sentry - Both provide a lot of useful data
- Standard & Prettier - Makes your code pretty and easily readable
Here's the boilerplate: https://github.com/jabczyk/cra-boilerplate
Go check it out, and consider using it in your next project.