/vite-react-express-boilerplate

This boilerplate contains all the tools you need to build a modern web app with React, Vite, and Express.

Primary LanguageJavaScriptMIT LicenseMIT

Vite React Express Boilerplate

Quickly bootstrap a new project with Vite React Express Boilerplate.

This boilerplate is a fork of joeynguyen/vite-react-express-boilerplate, but removes husky, stylelint and slightly modified the source code.

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

ESLint, prettier are configured to give you a solid development experience.

Installing / Developing

First, create a repository from this template.

Now you are ready to go:

npm install

This will install the dependencies required to run the boilerplate.

npm run dev

Boom! These scripts run your server and client in development mode.

The default PORTS are:

  • 9000 for the server
  • 5173 for the client

If you don't like to call all scripts at once, you can also run:

npm run server:dev
npm run client:dev

You can configure the server port by setting the PORT environment variable. Creating a .env file is supported. You can copy .env.example to .env.

KEY VALUE
PORT (Optional) Port for the server environment (defaults to 9000)

Building

To build the project, run:

npm run build

This will build the client and server.

npm start

In production, you have a single server serving everything.

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

Licensing

MIT