Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/khanguslee/mern-stack-template

Quick template repo that sets up a full MERN stack.
https://github.com/khanguslee/mern-stack-template

Last synced: 18 days ago
JSON representation

Quick template repo that sets up a full MERN stack.

Awesome Lists containing this project

README

        

# MERN Stack Template

Quick template repo that sets up a full MERN stack.

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
```