Mantis MUI React
v3.5.0
v3.5.0
  • Documentation
  • Pre-requisites
  • Quick Start
  • Package
  • Folder Structure
  • State Management
  • Internationalization
  • Authentication
    • Switch to Auth0
    • Switch to Firebase
    • Switch to AWS Cognito
    • Switch to Supabase
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Presets
  • Theme/Style Configuration
  • How to
    • Login as First Page
    • Dashboard as First Page
    • Render Menu from the backend
    • 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
  • Roadmap
  • Support
  • Changelog
  • Mantis Eco System
  • FAQ
Powered by GitBook
On this page
  • Installation
  • Start
  • Build & Deploy
  • Troubleshooting

Quick Start

Jumpstart your project with Mantis.

PreviousPre-requisitesNextPackage

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. This project uses Yarn (via Corepack) for dependency management. The required Yarn version is specified in the package.json file, and Corepack ensures the correct version is used automatically. There's no need to install Yarn globally.

If Corepack is not available:

Corepack is included with Node.js versions 16.10+ by default. If it's not installed or enabled:

  1. Ensure you’re using Node.js 16.10 or higher.

  2. Enable Corepack by running : corepack enable

  3. If Corepack is unavailable, update Node.js to a supported version.

After Corepack is enabled, simply run yarn commands, and the correct version will be handled for you automatically. For more information about Yarn and Corepack, refer documentation:

  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://yarnpkg.com/getting-started/install
https://yarnpkg.com/corepack
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