Mantis MUI React
v3.2.0
v3.2.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to Firebase
    • Switch to AWS Cognito
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Remove menu render from Backend
    • Remove Authentication
      • Vite
      • NextJS
  • Figma
  • Integration
    • Seed
    • To Existing Project
    • Comparison
  • Components
    • Avatar
    • BreadCrumb
    • Button
    • Dot
    • Main Card
    • Progress
    • SnackBar
    • Tooltip
    • Transitions
  • Dependencies
    • Vite js
    • Next js
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  • Installation
  • Start
  • Build & Deploy
  • Troubleshooting

Quick Start

Quick start your project using Mantis.

PreviousPre-requisitesNextFolder Structure

Last updated 11 months ago

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

We would recommend yarn over npm. Why? see this:

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

Cause:

Solution: Install the missing software from here:

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 (macOS/Linux) or to easily switch Node versions between different projects.

https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/
https://github.com/vercel/next.js/discussions/30468
https://learn.microsoft.com/en-us/cpp/windows/latest-supported-vc-redist?view=msvc-170
nvm
nvm-windows
next js build issue