Fuso documentation

Installation

How to start

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

For getting started a next application you needs two things as Prerequisites.

Prerequisites

  • Before you begin, make sure your development environment includes Node and a package manager like: npm (comes with Node.js) or pnpm (a faster, efficient alternative)

Node.js

  • Download the above 20 & below 22 version 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 applications 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 installed.
  • 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 Next Docs

Next setup

Create Initial application

  • To create a new Next.js app is using create-next-app, which sets up everything automatically for you. To create a project, run:
    •                       
    npx create-next-app@latest
  • TOn installation, you'll see the following prompts:
    •                       
    What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like your code inside a `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to use Turbopack for `next dev`?  No / Yes
Would you like to customize the import alias (`@/*` by default)? No / Yes
What import alias would you like configured? @/*

    After the prompts, create-next-app will create a folder with your project name and install the required dependencies.

  • Manual installation
    •                         
    npm install next@latest react@latest react-dom@latest
  • Then, add the following scripts to your package.json file:
    •                         
    {
  "scripts": {
  "dev": "next dev",
  "build": "next build",
  "start": "next start",
  "lint": "next lint"
  }
}

Fuso setup

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

Node.js

  • Download latest 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 Fuso template by

  • Download and extract an Fuso Template from themeforest
  • Extract it and then go in to template folder
    •                       
    cd Template
  • Import all dependency by installing npm command
    •                       
    npm install
  • Now you are in stage to successfully run Fuso using below command
    •                       
    npm run dev

    Once you serve your application by default it will take their default 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 by approving it to "yes" to use another port.

    Some Common solution if your project do not run successfully
    • Use Latest Version of node.js
    • Remove node_module and package-lock.json file and again do npm install
    • You can again download the template from themeForest and then again run it
    • Then also if your issue doesn't solve then you can generate a ticket.

    Build Application

  • Build you application for host on server using below command: 
    •                     
    npm run build