Installation

Prerequisites

Before getting started with Domiex - React Js Admin & Dashboard Template, ensure your development environment has the following tools installed:

• Yarn
• Node js 22.*

Installing Domiex - React Js Admin & Dashboard Template

We have used understandable and easy-to-understand instructions to help you install Domiex - React Js 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_v*.*.* folder.
• After extracting the downloaded .zip file, you'll find below folder and files:
• Admin: Contains the Next.js admin dashboard template.
• Documentation: Contains the documentation for the template.

For Starterkit or Separate files download: Download it from the Domiex.

3. Install Node.js and yarn (if not already installed)

• Prerequisite: Ensure Node.js and yarn 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. And if yarn is not installed, download and install it from the website.

4. Install Packages

• Setup: Open your terminal or command prompt from the Domiex_v*.*.*/React-JS/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.

5. Start in Development Mode

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

  yarn run dev

• 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:5173/.

6. Format code with Prettier

• Command: it will format all code with prettier:

  yarn prettier:write

• Outcome: This will format your code using Prettier. To preview your project, run the development server using yarn run dev. The server supports hot-reloading and is typically accessible at http://localhost:5173/.