merklefruit / mern-template-antd

Boilerplate repository for MERN projects using Ant Design

MERN + Ant Design custom template

I haven't found any good full-stack web app starter boilerplates using Ant Design, so I decided to make my own.

Feel free to use it on your projects.

Features

• Landing Page

• Ant-Motion animations

• Sleek and modern design with the Ant Design library

• Redux for State Management

• Login/Register flow with JWT Authentication

• Protected Routes:

  • Dashboard
  • Profile

• REST API Backend with Node.JS

• MongoDB

• Authentication with JWT

• Easy configuration

Usage

# Clone repository
git clone https://github.com/nicolas-racchi/mern-template.git
cd mern-template

# Install all dependencies both for client, server and wrapper folder.
cd client && npm install && cd ../server && npm install && cd .. && npm install

Then, connect your mongoDB database: inside the server folder, create a file called .env and add the mongo connectionstring.

# Example (./server/.env)
NODE_ENV=development
DATABASE_URL=my_mongo_connection_string

A .env.sample file is provided in the server folder so you always know what are the required environment variables.

# Run client & server concurrently
npm run dev

Other useful things

• Locales: Ant design supports language locales. As default, this template uses en_US (english). To change this setting to your own language, open client/index.js and change en_US to your own language based on locale tags (find some of them here)

Credits

This template exists only thanks to the frameworks and library that I used to build it. I've just put the pieces together to make it easier to start a web app with this stack :)

License

MIT