Getting Started

This section will guide you through the initial setup process of the Glint Admin Theme. Make sure you meet the basic requirements before starting, and install all necessary dependencies to ensure smooth development.

1. Installation Requirements

Before working with this theme, please ensure that your environment meets the following requirements:

  • ✔️ Node.js (version 18+ recommended)
  • ✔️ npm (latest version preferred)
  • ✔️ Git (for cloning and version control)
  • ✔️ A modern code editor such as VS Code
  • ✔️ Basic knowledge of React, TypeScript, and Bootstrap

2. Dependencies

The theme is built with modern tools and libraries. The following dependencies are required:

  • 📦 React 18+ – Frontend framework
  • 📦 Vite – Build tool for fast development
  • 📦 React-Bootstrap – UI components
  • 📦 Bootstrap 5 – Styling and layout
  • 📦 i18next – Internationalization support
  • 📦 ApexCharts – Data visualization and charts
  • 📦 Axios – API calls and data fetching

All dependencies will be installed automatically when you run npm install or yarn install.

3. Quick Start

Follow these simple steps to get the theme running in development mode:

# Navigate to folder
cd glint-starter

# Install dependencies
npm install

# Start development server
npm run dev
Note: During installation, if some dependencies are not resolved properly when running npm install, you can try using one of the following commands:
  • npm install --force
  • npm install --legacy-peer-deps
This may be required because certain packages depend on older peer dependencies. Using these commands ensures all required packages are installed while keeping the theme aligned with the latest versions.

4. Production Build

To create an optimized build for production, run the following command: 

# Create production build
npm run build

This will generate a dist/ folder containing the compiled and optimized files. You can deploy the contents of this folder to your hosting or server.