Quick Start

Quick start your project using Mantis.

Installation

Navigate to your root folder (i.e. mantis-material-react)

c:\>cd mantis-material-react

Install Packages by npm or yarn as per your preferences. Here we are using yarn package manager.

c:\mantis-material-react> yarn

If you are using npm, please use npm i --legacy-peer-deps

We would recommend yarn over npm. Why? see this: https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/

Start

After package installation, you can start your app by using yarn start command

c:\mantis-material-react> yarn start

For nextJS use yarn dev command

c:\mantis-material-react> yarn dev

This will start your local server at http://localhost:3000 Also, your terminal shows the following.

Compiled successfully!

You can now view mantis-material-react in the browser.

Local:            http://localhost:3000    
On Your Network:  http://192.168.29.77:3000

Note that the development build is not optimized.
To create a production build, use yarn build.

Build & Deploy

This might be too early to deploy but it is always good to know how to deploy.

To build your app in production use yarn build command

c:\mantis-material-react> yarn build
or
c:\mantis-material-react> npm run build

Troubleshooting

1. An issue in the next JS production build

next js build issue

Cause: https://github.com/vercel/next.js/discussions/30468

Solution: Install the missing software from here: https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170

Deploy for your live site

Change the base URL with your domain and build your application.

You can control this with the homepage field in your package.json

package.json

"homepage": "http://example.com"

You’ll need to have Node v12.x.x or later on your local development machine (but it’s not required on the server). You can use nvm (macOS/Linux) or nvm-windows to easily switch Node versions between different projects.