Dash UI NextJS

Welcome to the Dash UI NextJS version of the original Dash UI theme.

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.

API Demo:

Here is an API demo using fetch , click here

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/
├── app/
├── public/
│   ├── fonts
│   ├── images
│   └── favicon.ico
├── routes/
├── styles/
├── sub-components/
└── widgets/
Buy Now