Installation & Build

We have used understandable and easy-to-understand instructions to help you install Domiex - 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 Domiex_v1.0.0 folder.

3. Install Node.js and yarn (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

4. Install Node Modules

• Setup: Open your terminal or command prompt from the Domiex_v1.0.0/Nodejs/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.

5. Create a Production Build & Libraries Folder

• Command: After the dependencies are installed, generate a static compiled assets with vite build by running:

  npm run build:assets

• Outcome: This command compiles and optimizes your assets, creating a public folder (`/public`) that contains minified and ready-to-deploy files. It ensures your project is optimized for performance in a production environment.

6. Start in Development Mode

• Put environment variables: Rename File:'Domiex_v1.0.0/Nodejs/Admin/example.env' to 'Domiex_v1.0.0/Nodejs/Admin/.env' and put the value for all variables to get started:
• Command: To begin development and work on your project in a live environment, execute:

  npm start

• 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.