Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eloi-perez/vite-react-express-boilerplate
https://github.com/eloi-perez/vite-react-express-boilerplate
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/eloi-perez/vite-react-express-boilerplate
- Owner: Eloi-Perez
- License: mit
- Created: 2022-07-29T10:10:56.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-23T22:27:21.000Z (almost 2 years ago)
- Last Synced: 2023-03-10T14:17:21.543Z (almost 2 years ago)
- Language: JavaScript
- Size: 114 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite React Express Boilerplate
> Quickly bootstrap a new project with Vite React Express Boilerplate.
This boilerplate is a fork of [lmachens/vite-boilerplate](https://github.com/lmachens/vite-boilerplate), but replaces TypeScript with JavaScript and removes Storybook.
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.
## Installing / Developing
First, [create a repository from this template](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-repository-on-github/creating-a-repository-from-a-template).
Now you are ready to go:
```shell
npm install
```
This will install the dependencies required to run the boilerplate.
```shell
npm run dev
```
Boom! These scripts run your server and client in development mode.
The default PORTS are:
- `3001` for the server
- `3000` for the client
If you don't like to call all scripts at once, you can also run:
```shell
npm run server:dev
npm run client:dev
```
You can configure the server port by setting the `PORT` environment variable. Creating a `.env.local` file is supported. You can copy `.env.example` to `.env.local`.
| KEY | VALUE |
| -------- | ------------------------------------------------------------- |
| API_PORT | (Optional) Port for the server environment (defaults to 3001) |
## Building
To build the project, run:
```shell
npm run build
```
This will build the client and server.
```shell
npm start
```
In production, you have a single server serving everything.
`/api/*` is the API endpoint.
`/*` is the client.
## Licensing
MIT