/mern-template-antd

Boilerplate repository for MERN projects using Ant Design

Primary LanguageJavaScriptMIT LicenseMIT

MERN + Ant Design custom template

mern

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