Mantis Angular
  • ✨Introduction
  • πŸš€Quick Installation
  • πŸ“‚Directory Structure
  • πŸ“„Page Structure
  • πŸ› οΈTheme Configuration
  • 🎨Theme Layouts
  • ✏️How to
    • Dashboard as First Page
    • Login as First Page
    • Remove Authentication
    • Remove Role Base Authentication
    • Guard Children Routes
    • Role Base Authentication
  • πŸ“¦Dependencies
  • πŸ†˜Support
  • πŸ“…Changelog
Powered by GitBook
On this page

Quick Installation

Follow this guide to quick start using Berry for your need.

PreviousIntroductionNextDirectory Structure

Last updated 4 months ago

You don’t need to install or configure tools like WebPack or CLI. They are configured and hidden so that you can focus on the code.

  1. First of all, it's required to Install and npm.

  2. Update the latest global package to Angular 19+ with CLI 19.x.x

  3. Unzip Mantis-angular.zip , you will find the /seed/project folder.

  4. Open the terminal and navigate to the seed/folder and Install required node packages using the following command

    npm install --legacy-peer-deps
  5. To run the project locally, The below command will run the app in development mode. Open to view it in the browser.

    npm run start
  6. The page will automatically reload if you make changes to the code.

  7. Now you can use this Angular project for your application development, and make the necessary changes.

  8. To build the app for production, the below command will create the dist/ folder inside this project directory.

    npm run build

The project was built assuming it is hosted at the server root folder of the domain/platform i.ehttp://example.com

or

to deploy build for sub-folder i.ehttp://example.com/folder-name

You also need to set <base href="/folder-name/">

πŸš€
Node
angular-cli
http://localhost:4200