Next.js Installation
TailAdmin Next.js is built with Next.js and Tailwind CSS. Follow the steps below to set it up on your local machine.
Cloning the Repository (Recommended)
The easiest way to get started is by cloning the repository directly from GitHub.
- Clone the repository:
git clone https://github.com/TailAdmin/free-nextjs-admin-dashboard.git - Navigate to the project folder:
cd free-nextjs-admin-dashboard
Alternative: Download
If you prefer not to use Git, you can download the dashboard template as a ZIP file. After downloading, extract the contents and navigate to the project folder in your terminal.
Working on the Project
Once you are inside the project folder, follow these steps to install dependencies and start the development server.
1. Install Dependencies
Choose your preferred package manager to install the required dependencies:
npm install If you encounter dependency compatibility issues during installation, you can try using the --legacy-peer-deps flag:
npm install --legacy-peer-deps 2. Start the Development Server
Run the following command to start the local server and see the dashboard in action:
npm run dev Now you can start making changes! The dashboard will automatically update in your browser at http://localhost:3000.
3. Build for Production
When you’re ready to deploy, run the build command to generate a .next folder containing the optimized assets.
npm run build You can then upload the project to your production server (e.g., Vercel, Netlify, or a VPS).