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.
This has been created with the official Vite template (npm create vite@latest
) and some extended setup. There are two separate folders called server
and client
. The entry point for the backend is server/src/index.js
.
Any package manager can be used with this project (e.g. npm, yarn or pnpm).
Thanks to awesome-vite for publishing this project.
- React
- Tailwind CSS
- TypeScript
- Redux Toolkit
- Axios
- React Router DOM
- Vitest
- React Testing Library
- Express
- mongoose
- bcrypt.js
- jsonwebtoken
- express-async-handler
The dependency versions are managed by depfu.
- Node.js 18+
npx degit apicgg/vite-mern-template my-app
- Backend
npm install
- Frontend
cd frontend
npm install
- Backend
npm run dev:be
- Frontend
npm run dev:fe
- 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