Installation


The Cork Admin template offers two installation approaches, depending on whether or not you want to use build tools like Gulp and Sass. Choose the option that best fits your development workflow.

🔹 Option 1: Without Node.js

(For users not using Gulp or Sass)

If you prefer a straightforward setup without compiling assets or working with SCSS, you can begin using the admin dashboard immediately.

1 - Download and extract the template package.

2 - Copy the /html/ folder to your local server directory (e.g., htdocs, www, or any project folder).

3 - Open any HTML file in your browser to start using the admin dashboard.

🔸 Option 2: With Node.js

(For developers using Gulp and Sass)

This method is recommended if you plan to work with SCSS, modular JavaScript, or want access to automated build tools.

1 - Install Node.js

Download and install the latest version of Node.js from https://nodejs.org

2 - Extract the Admin Template

Unzip the package and move it to your preferred development directory.

3 - Open Command Prompt or Terminal

Navigate to the root folder of the admin template. You may use:

  • Node.js Command Prompt, or
  • System terminal (CMD, PowerShell, Bash, etc.)
4 - Navigate to the default layout folder

Example:

HTML

cd html/layouts/vertical-dark-menu
5 - Install Dependencies

Run the following command to install all required Node modules:

Bash

npm install
6 - Install Gulp Globally (If not already installed)

Bash

npm install --global gulp

Bash

sudo npm install --global gulp
7 - Verify Gulp Installation

Run the test command to ensure everything is working:

Bash

gulp hello

🛠️ Working with Gulp-Sass

To compile Sass into CSS, use the following commands:

1 - Vertical Dark Menu Layout:

Download and install the latest version of Node.js from https://nodejs.org

2 - Other Layouts:

Unzip the package and move it to your preferred development directory.

  • vlm - Vertical Light Menu
  • mlm - Modern Light Menu

Example :

Bash

gulp vlm:sass:assets

👀 Watch for Changes (Live Reload)

Use Gulp’s watch command to enable live preview and auto-compilation:

Bash

gulp watch:vdm

This will:

🧩 Troubleshooting

To compile Sass into CSS, use the following commands:

SCSS Errors / ENOENT

If you encounter this error:

Bash

Error: ENOENT: no such file or directory in node-sass

Run :

Bash

npm rebuild

If the issue persists:

Bash

npm rebuild --force

🔧 Optional: Git Installation

If you prefer using Git:

1 - Download the latest version from https://git-scm.com
2 - All Node and Gulp commands can be executed via Git Bash or Terminal