Quickly bootstrap a new project with Vite React Express Boilerplate.

This boilerplate is a fork of lmachens/vite-boilerplate, but replaces TypeScript with JavaScript, adds Docker, and removes Storybook.

This boilerplate contains all the tools you need to build a modern web app with Vite, Docker, React, and Express. You can use it to quickly bootstrap your project.

ESLint, stylelint, prettier, husky and lintstaged are configured to give you a solid development experience.

First, create a repository from this template.

Now you are ready to go:

docker-compose build

This will install the dependencies required to run the boilerplate.

docker-compose up

Boom! The Docker container will run your server and client in development mode.

The default PORTS are:

• 3001 for the server
• 3000 for the client

You can configure the server port by setting the PORT environment variable in .env.

To build the Docker image, run:

docker build -t vite-react-express .

To run the image locally:

docker run --rm  --name vite-react-express -p 3001:3001 vite-react-express:latest

and navigate to http://localhost:3001.

In production, you have a single server serving everything.

/api/* is the API endpoint.
/* is the client.

A test runner is not installed (right now). But ESLint and Prettier are checked on commit and pushed thanks to husky and lintstaged.

MIT