https://github.com/benelferink/mern-template
Quickstart your MERN stack (Fullstack) application with this template!
https://github.com/benelferink/mern-template
express javascript js mern mern-stack mongodb mongoose node-js nodejs reactjs template templates ts typescript
Last synced: 3 months ago
JSON representation
Quickstart your MERN stack (Fullstack) application with this template!
- Host: GitHub
- URL: https://github.com/benelferink/mern-template
- Owner: BenElferink
- Created: 2020-12-21T21:31:52.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2025-06-09T08:52:59.000Z (4 months ago)
- Last Synced: 2025-06-09T09:19:44.354Z (4 months ago)
- Topics: express, javascript, js, mern, mern-stack, mongodb, mongoose, node-js, nodejs, reactjs, template, templates, ts, typescript
- Language: TypeScript
- Homepage:
- Size: 5.11 MB
- Stars: 68
- Watchers: 7
- Forks: 22
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MERN Stack Template
- **M** = [MongoDB](https://www.mongodb.com)
- **E** = [Express.js](https://expressjs.com)
- **R** = [React.js](https://reactjs.org)
- **N** = [Node.js](https://nodejs.org)
# What is this template?
This template allows you to quick-start your Fullstack application using the MERN stack, it has a server setup with some basic authentication, and a client ready to communicate with the backend.
# How to use this template
### 1. Generate repository from template:
Click ["Use this template"](https://github.com/benelferink/mern-template/generate) to generate a
new repo, then open your terminal and clone your new repo.
```
git clone https://github.com/[your_user_name]/[your_repo_name].git
```
### 2. Install dependencies:
Go to the `server` folder, and run `install`.
```
cd ./server
npm i
```
Go to the `client` folder, and run `install`.
```
cd ./client
npm i
```
### 3. Prepare MongoDB:
Prepare your MongoDB database (using [Atlas](https://www.mongodb.com/cloud/atlas),
or [Community]()). Then configure your database within `server/src/constants/index.js` (or `server/src/.env`), by configuring the `MONGO_URI` variable.
### 4. Start applications:
Go to the `server` folder, and run `dev`.
```
cd ./server
npm run dev
```
Go to the `client` folder, and run `dev`.
```
cd ./client
npm run dev
```
### 5. Happy Coding !!!