Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gadingnst/monolith-express-react
Monolithic Express + React Boilerplate with TypeScript and Vercel ❤
https://github.com/gadingnst/monolith-express-react
boilerplate monolith react typescript
Last synced: about 1 month ago
JSON representation
Monolithic Express + React Boilerplate with TypeScript and Vercel ❤
- Host: GitHub
- URL: https://github.com/gadingnst/monolith-express-react
- Owner: gadingnst
- License: mit
- Created: 2021-02-20T10:23:13.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-22T12:30:15.000Z (over 2 years ago)
- Last Synced: 2024-12-23T06:08:33.110Z (about 2 months ago)
- Topics: boilerplate, monolith, react, typescript
- Language: TypeScript
- Homepage: https://monolith-express-react.sutanlab.id
- Size: 1.03 MB
- Stars: 29
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Monolithic React + Express Boilerplate with TypeScript ❤
## DEMO
- [React App](https://monolith-express-react.sutanlab.id)
- [API Endpoint at `/api`](https://monolith-express-react.sutanlab.id/api/voucher)
## Why i made this?
Short Answer: ***Personal Purpose***
Long Answer: Because me (or maybe you?) want to build a monorepo/monolith project with Express and React which combines server and frontend in one repository. Of course, it's cost-effective!
The reason why it's cost-effective are:
- That's right, because it's simpler and can be deployed on [Vercel](https://vercel.com) for free.
- Because `Backend` and `Frontend` only have one `node_modules`.
- Because `Backend` and `Frontend` can share code with each other.
- The irony is, because you're the both `Backend` and `Frontend`.
## Setup
- Clone repository `$ git clone https://github.com/sutanlab/monolith-express-react.git`
- Install depedencies
```bash
# with npm
$ npm install
# or with yarn
$ yarn install
```
- Run server in development mode
```bash
$ npm run dev
# or
$ yarn dev
```
- Build optimize production mode
```bash
$ npm run build
# or
$ yarn build
```
- Start server in production mode
```bash
$ npm start
# or
$ yarn start
```
- Deploy to vercel
```bash
$ npm run deploy
# or
$ yarn deploy
```
## LICENSE
MIT
## Support Me
### Global
[](https://ko-fi.com/gadingnst)
### Indonesia
- [Trakteer](https://trakteer.id/gadingnst)
- [Karyakarsa](https://karyakarsa.com/gadingnst)
---
Copyright ©2021 by Sutan Gading Fadhillah Nasution