Quick Start

QuickFrame - React Admin Dashboard Template

QuickFrame is a fully professional minimal design admin dashboard template made with React. The template comes with tons of pages and components. We've included all of the necessary features, components, pages, and ready apps to get you started with a Web application. We've carefully designed and coded each component and page so that you can create a web application in the shortest amount of time.

Requirements

Make sure that you have the last stable NodeJS (opens in a new tab) and npm version.

  • Do not delete the package-lock.json / yarn.lock file

Install

Navigate to the project root folder using terminal and install the dependencies. Install with npm

copy
npm install

Install with yarn

copy
yarn install

Start

After the installation is complete, you can launch your app by running.

copy
# FOR CRA BASED PROJECT
npm start

# FOR VITE BASED PROJECT
npm run dev

# FOR NEXT.JS BASED PROJECT
npm run dev

or

copy
# FOR CRA BASED PROJECT
yarn start

# FOR VITE BASED PROJECT
yarn dev

# FOR NEXT.JS BASED PROJECT
yarn dev

This starts a local webserver at http://localhost:3000 and auto detect file changes:

Compiled successfully!

You can now view quickframe-react in the browser.

Local: http://localhost:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

Build

copy
# FOR CRA BASED PROJECT
npm run build

# FOR VITE BASED PROJECT
npm run preview

# FOR NEXT.JS BASED PROJECT
npm run build

or

copy
# FOR CRA BASED PROJECT
yarn build

# FOR VITE BASED PROJECT
yarn preview

# FOR NEXT.JS BASED PROJECT
yarn build
Last updated on
Folder Structure