Welcome to NextJs! NextJs helps you build modern applications for the web.

For getting started with a NextJs application, you need two things as prerequisites.

Prerequisites

• Before you begin, make sure your development environment includes Node and an npm package manager.

Node.js

• Download 20+ version of node.js from nodejs.org.

• Install Node.js using downloaded file

• To check your node version, run node -v in a terminal/console window.

Npm package manager

• React apps depend on features and functionality provided by libraries that are available as npm packages. To download and install npm packages, you must have an npm package manager.

• This Quick Start uses the npm client command line interface, which is installed with Node.js by default. To check that you have the npm client installed, run npm -v in a terminal/console window.

• For better understanding Next we suggest you to once go through official documentation of Next from NextJS.org

Create Initial application

• 1. Run the npm command to create a NuxtJs app and provide the name my-app, as shown here:

  npx create-next-app my-app

• 2. The NextJs create command prompts you for information about features to include in the initial app project. Accept the defaults by pressing the Enter or Return key.

Run Application

• 1. Go to the workspace folder (my-app).

  cd my-app

• 2. Launch the server by using the CLI command npm run dev

  npm run dev

Supplemental

If you have already downloaded and installed node.js and npm then ignore prerequisites accordingly.

Node.js

• Download 20+ version of node.js from nodejs.org.

• Install Node.js using downloaded file

• To check your node version, run node -v in a terminal/console window.

Setup Sheltos theme by

• 1) Download and extract an Sheltos themes from themeforest
• 2) Extract it and then go in to theme folder.

  cd theme

• 3) Install all dependency by running npm install command

  npm install

• 4) Now you are in stage to successfully run sheltos using below command:

  npm run dev

  Once you serve your application by default it will take their defalult port so you can open port using localhost://3000

  Make sure you are not running any other react project in local if so then use new generated port from terminal with label called app running at:

  Some Common solution if you do not run project successfully

  • Use Latest Version of node.js
  • Remove node_module and package-lock.json file and again do npm install
  • You can again download theme from themeforst and then again run
  • Then also if you don't solve issue you can generate a ticket.

  Build Application

  • 1. Build you application for host on server using below command:

    npm run build

  • 2. It will create one dist file in your theme folder. Make zip of dist folder. so here you are ready to upload your theme on server.

Setup Sheltos Admin theme by

• 1) Download and extract an Sheltos themes from themeforest
• 2) Extract it and then go in to admin folder.

  cd theme

• 3) Install all dependency by running npm install command

  npm install

• 4) Now you are in stage to successfully run sheltos using below command:

  npm run dev

  Once you serve your application by default it will take their defalult port so you can open port using localhost://4000

  Make sure you are not running any other react project in local if so then use new generated port from terminal with label called app running at:

  • Note: This is just an admin design, as it is template we have not integrate it with frontend.

  Build Application

  • 1. Build you application for host on server using below command:

    npm run build

  • 2. It will create one dist file in your admin folder. Make zip of dist folder. so here you are ready to upload your theme on server.