logo

FUSE

DOCS

    Changelog
    13.0.0
  • Getting Started
    • Introduction
    Git Repository
  • Development Guide
    • Installation
    Development Server
    Production Build
    Deployment
    Directory Structure
      API Integration
      API Configuration
      Mock API Documentation
    Code Splitting
    Localization (Multi-Language)
    Updating Guide
    IDE Configuration
  • Configuration
    • Default Settings
    Routing
    Navigation
  • User Interface
    • Theme Schemes
    Theme Layouts
    • Page Layouts
      • Overview
      • Carded
          • Full Width
          Full Width Overview
          Full Width Normal Scroll
          Full Width Page Scroll
          Full Width Content Scroll
      Empty Page
    TailwindCSS
    Typography
    Changing Default Font
    RTL Support
  • Authentication & Authorization

    User roles and permissions

    • Authentication
    Authorization
  • Components
    • Fuse Components
      • FuseTheme
      FuseLayout
      FusePageCarded
      FusePageSimple
      FuseNavigation
      FuseScrollbars
      FuseHighlight
      FuseCountdown
      FuseMessage
      FuseDialog
PurchaseBack to the Dashboard

Installation

Prerequisites

This section will give you some information about what tools you will need.

Node.js

To install and use Fuse React, you will need Node.js installed on your computer. We won't get into too much detail about Node.js as it's out of the scope of this documentation. Also, you won't need to use Node.js, it's only required for the development process.

Installation
A. Installing Prerequisites
Download and install at least LTS or the latest version of Node.js from its web site.
B. Installing Fuse React
Before you begin installing Fuse, prepare a folder where you can unzip the downloaded .zip file.
B.1. Choose which version you want to install
When you unzip the .zip file you have downloaded from Themeforest, you will find 4 additional .zip files along with other files. You can choose React (Vite) or Next.js versions and both versions has demo and skeleton options.
  • Fuse React ViteJs Demo Project Fuse-React-vx.x.x-vitejs-demo.zip
  • Fuse React NextJs Demo Project Fuse-React-vx.x.x-nextjs-demo.zip
This .zip file includes the Demo version which includes all the applications, pages and UI sections from the Demo application. This version is for referencing purposes only and it should be only used for copying code/modules from it.
DO NOT use the Demo version to build your app, otherwise you will have a lot of unnecessary weight to your app right from the start and it will provide a poor development experience.
  • Fuse React ViteJs Skeleton Project Fuse-React-vx.x.x-vitejs-skeleton.zip
  • Fuse React NextJs Skeleton Project Fuse-React-vx.x.x-nextjs-skeleton.zip
    • This .zip file includes the Skeleton version which includes all the core components and functionality of Fuse without the Demo applications, pages and UI sections. DO use the Skeleton version to build your app on top.
    B.2. Unzip
    After choosing the version you want to install, unzip the .zip file of that version into your workspace directory.
    C. Run the installation command
    Open a console/terminal window and navigate into your workspace directory. You must be at the same folder with the package.json file in order to run the commands.
    To complete the installation, enter the following command:
    npm install
    This command will take some time and install all the required libraries into the node_modules directory in order for you to start developing.