Installation | Sliced - Admin & Dashboard Template

YII Docs - v2.2.0

Buy Now Support

Installation

1. Download the Package

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

2. Unzip the Package

Extract the contents of the downloaded .zip file to a directory on your computer.

3. Xampp

Make sure to have Xampp with PHP v8.2 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 and npm (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.*.
Command: If Node.js is not installed, download and install it from the website. npm comes bundled with Node.js.
Update npm: To ensure you have the latest version of npm, run:
```
npm install -g npm
```

6. Install Node Modules

Setup: Open your terminal or command prompt from the sliced_v2.2.0/YII/Admin folder.
Execute: Run the following command to install all the required Node.js packages and dependencies specified in the package.json file:
```
npm install
```
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
```

8. Create a Production Build & Libraries Folder

Command: After the dependencies are installed, generate a production-ready build by running:
```
npm run build
```
Outcome: This command compile all css and copy all files from resource to public directory.

9. Start in Development Mode

Command: To begin development and work on your project in a live environment, execute:
```
php yii 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.