Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/khanguslee/mern-stack-typescript-template
MERN Stack template plus typescript for front and back-end.
https://github.com/khanguslee/mern-stack-typescript-template
Last synced: 18 days ago
JSON representation
MERN Stack template plus typescript for front and back-end.
- Host: GitHub
- URL: https://github.com/khanguslee/mern-stack-typescript-template
- Owner: khanguslee
- License: mit
- Created: 2020-11-15T10:15:58.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2023-01-07T22:14:38.000Z (almost 2 years ago)
- Last Synced: 2024-10-03T11:41:58.230Z (about 1 month ago)
- Language: TypeScript
- Size: 961 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# MERN Stack Template
Quick template repo that sets up a full MERN stack with typescript enabled.
This repo features the following:
Front-End:
- React
- SCSS
Back-End:
- NodeJS
- Express
- MongoDB
Development tools:
- eslint
- prettier
- husky + lint-staged
- winston for back-end logging
## Getting Started
The application has been split into `server` and `client` folders which contain the node + express backend and React frontend respectively.
Clone the repository to get a local copy of the repository.
``` bash
git clone https://github.com/khanguslee/MERN-stack-template.git
```
### Installation
Since the server and client projects have been split, you will need to install libraries in both folders. To do this from the root of the project, please run the following:
``` bash
yarn run app:install
```
### Development
When working on the project, you can there is hot reloading so that when you make a change to either the client or server files, it will automatically reload the project for you.
``` bash
yarn run dev
```
### Production
For production, the React application will need to be built and then hosted on the server. To create the build, you will need to run:
``` bash
yarn run client:build
```
Once you have built the React application, you will need to run the server using:
``` bash
yarn run server
```