Simple opinionated boilerplate for MERN stack with Vite and Redux Toolkit. This includes React+TypeScript with familiar configuration for vite.config.ts for front-end and Express+TypeScript for back-end.
Feel free to add or tweak the setup as needed.
This has been created with the official Vite template (npm create vite@latest) and some extended setup. There are two separate folders called backend and frontend. The entry point for the backend is backend/src/index.js.
Any package manager can be used with this project (e.g. npm or yarn or pnpm).
Thanks to awesome-vite for publishing this project.
- React
- TypeScript
- React Router DOM
- Redux Toolkit
- Tailwind CSS
- Axios
- React Testing Library
- Vitest
- Express
- express-async-handler
- mongoose
- argon2
- jsonwebtoken
The dependency versions are managed by depfu.
- Node.js 18+
npx degit apicgg/vite-mern-template my-appor
git clone https://github.com/apicgg/vite-mern-template.git- Backend
npm install- Frontend
cd frontend
npm install- Backend
npm run dev:backend- Frontend
npm run dev:frontend- Remove the .git and .github folder and initialize your own git repository.
- Include eslint and prettier.
- Add testing framework.
- Create a npm CLI library for scaffolding projects.
MIT License.
Please review the License.
Contributions of any kind welcome! Kindly have a look into Contributing Guidelines