Welcome to Next! Next helps you build modern applications for the web, mobile, or desktop.

For getting started an Next application you needs two things as Prerequisites.

Prerequisites

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

Node.js

• Download the 20.1.0 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

• Next CLI, and Next 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

Installing Next CLI

• You use the Next CLI to create projects, generate application and library code, and perform a variety of ongoing development tasks as it is a progressive framework for building user interfaces.

• Install the Next CLI globally.

• To install the CLI using npm, open a terminal/console window and enter the following command:

  npx create-next-app@latest

Create Initial application

• 1. Run the CLI command react create and provide the name my-app, as shown here:

  What is your project named? my-app

• 2. The next 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 start

  npm run dev

Supplemental

If you have already download and install node.js and next CLI then ignore prerequisites accordingly.

Node.js

• Download the 20.1.0 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.

React CLI

• Install React CLI Using:

  npx create-next-app@latest

Setup Viho theme by

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

  cd theme

• 3) Import all dependency by installing npm command

  npm install

• 4) Now you are in stage to successfully run Viho 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 next 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

  • Supplemental