Dash UI NextJS

Getting Started

A professional Dash UI NextJS Kit that comes with plenty of ready-to-use components that will help you to build more beautiful application (web app).

Dash UI Kit is built with the most popular front-end framework ReactJS Bootstrap with react-scripts.

This doc will guide you to understand how Dash UI-NextJS theme is organized, basics of how to customize, and how to compile from the source code if you want.

Running in Local environment

This project is scaffolded using npx create-next-app@latest.

1. Requirements Node.js

   Before proceeding you'll need to have the latest stable nodejs. Install Node.js or already have it installed on your machine move to next step.

2. Install Dash UI NextJS

   Open the dashui-free-nextjs-admin-template directory with your cmd or terminal. Open the project folder and install its dependencies.

   cd dashui-free-nextjs-admin-template 

   npm install 

   This command will download all the necessary dependencies for dash UI in the node_modules directory.

3. Start

   Run npm run dev or yarn dev or pnpm dev to start the development server on http://localhost:3000

   Visit http://localhost:3000 to view your application

   Edit pages/index.js and see the updated result in your browser

   npm run dev

Creating a Production Build.

Production build of your app.

1. Run npm run build command in your project directory to make the Production build app.

   npm run build

2. This output is generated inside the .next folder:

   npm run start

   Once you execute above command, the production build run locally at http://localhost:3000.

File Structure:

Inside the zip-file you'll find the following directories and files. Both compiled and minified distrubution files, as well as the source files are included in the package.

theme/
├── .eslintrc.json
├── .gitignore
├── jsconfig.json
├── next.config.js
├── package.json
├── package-lock.json
├── README.md
├── components/
├── data/
├── hooks/
├── layouts/
├── pages/
├── public/
│   ├── fonts
│   ├── images
│   └── favicon.ico
├── routes/
├── styles/
├── sub-components/
└── widgets/