vite-mern-template

Simple opinionated boilerplate for MERN stack with Vite and RTK. This includes React+TypeScript with familiar configuration for vite.config.ts for front-end and Express+TypeScript for back-end.

Tools

• React
• Tailwind CSS
• Chakra-ui
• React Buddy
• TypeScript
• Redux Toolkit
• Axios
• React Router DOM
• Express
• mongoose
• bcrypt.js
• jsonwebtoken
• express-async-handler

Install dependencies

cd my-app
cd client
npm install
cd ..
npm install

Start the development server

npm run watch
npm run dev

• Run the above two commands on different terminal sessions.

• Remove the .git folder and initialize your own git repository.

• In this case npm run watch needs to be executed before starting the development server with npm run dev as the TypeScript files need to be compiled to JavaScript before staring the dev server with node. ts-node can be used this to avoid this.

TODO

• Includes testing frameworks, eslint and prettier.
• Create a npm CLI library for scaffolding projects.

License

MIT License.