Installation

Installation

Follow these steps to get your ReactJS template up and running on your local machine. The entire process takes less than 5 minutes.

Step 1: Download the Template

After purchasing the template, download the ZIP file from your account dashboard:

1. Log in to your account at ReactTemplates.com
2. Go to My Account → Downloads
3. Find your template and click Download
4. Extract the ZIP file to your preferred location

Your extracted folder structure will look like this:

react-template/
├── public/
│   ├── favicon.ico
│   └── index.html
├── src/
│   ├── assets/
│   ├── components/
│   ├── hooks/
│   ├── layouts/
│   ├── pages/
│   ├── styles/
│   ├── App.jsx
│   └── main.jsx
├── .env.example
├── .eslintrc.js
├── .gitignore
├── index.html
├── package.json
├── README.md
├── tailwind.config.js
└── vite.config.js

Step 2: Install Dependencies

Open your terminal, navigate to the project folder, and install dependencies:

# Navigate to project folder
cd react-template

# Using npm
npm install

# Or using yarn
yarn install

# Or using pnpm
pnpm install

This will install all required packages defined in package.json. It may take a few minutes depending on your internet connection.

Note: If you encounter any errors during installation, try deleting the node_modules folder and package-lock.json file, then run npm install again.

Step 3: Start the Development Server

Run the development server:

# Using npm
npm run dev

# Using yarn
yarn dev

# Using pnpm
pnpm dev

You should see output similar to:

  VITE v5.0.0  ready in 432 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://192.168.1.1:5173/
  ➜  press h + enter to show help

Open your browser and visit http://localhost:5173 to see your template running! 🎉

Available Scripts