Installation & Build
Info: Please note, the use of Node, Webpack & Gulp and their advanced settings are totally optional. You can use and customize the template without using them too.
We have used understandable and easy-to-understand instructions to help you install Urbix- Bootstrap Admin & Dashboard Template in your project. Follow the below steps to get started.
1. Install Yarn and 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.*.
- 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:
2. Install Node Modules
- Setup: Open your terminal or command prompt from the Urbix_v1.0.0/HTML/Admin folder.
- Execute: Run the following command to install all the required Node.js packages and dependencies specified in the
package.json file:
- 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.
3. Create a Production Build & Libraries Folder
- Command: After the dependencies are installed, generate a production-ready build by running:
- Outcome: This command compiles and optimizes your assets, creating a distribution folder (`
/dist`) that contains minified and ready-to-deploy files. It ensures your project is optimized for performance in a production environment.
4. Start in Development Mode
- Command: To begin development and work on your project in a live environment, execute:
- 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:3000.
