Able Pro
NextJS
NextJS
  • ✨Overview
  • 🌴Pre-requisites
  • πŸš€Quick Start
  • πŸ“‚Folder Structure
  • πŸŒ€State Management
  • πŸ”’Authentication
  • πŸ“‘Axios API Calls
  • 🌐Internationalization
  • πŸ› οΈProject Configuration
  • 🎨Color Presets
  • 🎭Theme/Style Configuration
  • πŸ“šHow to
    • Login as First Page
    • Dashboard as First Page
    • Remove menu render from Backend
    • Render Menu from the backend
    • Remove Auth
  • πŸ–ŒοΈFigma
  • 🀝Integration
    • Seed
    • Comparison
  • πŸ“¦Dependencies
  • πŸ—“οΈRoadmap
  • πŸ†˜Support
  • πŸ“…Changelog
Powered by GitBook
On this page
  • Installation
  • Start
  • Build & Deploy

Quick Start

Quick start your project using Able Pro.

PreviousPre-requisitesNextFolder Structure

Last updated 2 months ago

Installation

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

c:\>cd able-pro-material-next

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

c:\able-pro-material-next> npm i

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

Start

After package installation, you can start your app by using npm run devcommand

c:\ablepro-material-next> npm run dev

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

Compiled successfully!

You can now view able-pro-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 npm run 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 npm run build command

c:\able-pro-material-next> yarn build
or
c:\able-pro-material-next> npm run build

You’ll need to have Node v20.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/
nvm
nvm-windows