Installation & Build

We have used understandable and easy-to-understand instructions to help you install Herozi - Admin & Dashboard Template in your project. Follow the below steps to get started.

1. Download the Package

• Source: Download the code from ThemeForest.
• Format: The file will be in a .zip file format.

2. Unzip the file

• Extract the contents of the downloaded .zip file to a directory on your computer. It will extract in the Herozi_CI_v1.0.0 folder.

3. Xampp

• Make sure to have Xampp with PHP v8.4 or higher version installed & running on your computer. If you already have installed Xampp on your computer, you can skip this step.

4. Composer

• Make sure to have the Composer installed & running in your computer. make sure the composer version must be 2.8.3 or Higher.

5. Install Node.js (if not already installed)

• Prerequisite: Ensure Node.js and npm (Node Package Manager) are installed on your system. Make sure to use node version 22.*.
• If Node.js is not installed, download and install it from the website. npm comes bundled with Node.js.

6. Install Node Modules

• Setup: Open your terminal or command prompt from the Herozi_CI_v1.0.0/Admin folder.
• Execute: Run the following command to install all the required Node.js packages and dependencies specified in the package.json file:

  yarn

• Explanation: This command will download and install all the necessary dependencies for your project, including build tools, libraries, and plugins, ensuring your development environment is set up correctly.

7. Composer Install

• Command: command to install all of the framework's dependencies.

  composer install

• Outcome: The composer install command installs all the PHP dependencies specified in the composer.json file, generates the autoloader, and creates a (`vendor`) directory with the necessary packages for the Laravel project.

8. Create a Production Build & Libraries Folder

• Command: After the dependencies are installed, generate a production-ready build by running:

  yarn run build

• Outcome: This command compile all scss to css and copy all files from resource to public directory.

9.Run yarn run dev command

• Command: command is used to run a script defined in the package.json file,:

  yarn run dev

• Outcome: This command will start a development server that runs locally on your machine.

10. Start in Development Mode

• Command: To begin development and work on your project in a live environment, execute:

  php spark serve

• Outcome: This will launch a local development server, allowing you to preview your project in real-time. The server also provides hot-reloading, meaning any changes you make to your files will automatically refresh in your browser. It will be accessible at http://localhost:8080.