Quick Start

Onion - React Admin Dashboard Template

Onion 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

_10
npm install

Install with yarn

copy

_10
yarn install

Start

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

copy

_10
# FOR CRA BASED PROJECT
_10
npm start
_10
_10
# FOR VITE BASED PROJECT
_10
npm run dev
_10
_10
# FOR NEXT.JS BASED PROJECT
_10
npm run dev

or

copy

_10
# FOR CRA BASED PROJECT
_10
yarn start
_10
_10
# FOR VITE BASED PROJECT
_10
yarn dev
_10
_10
# FOR NEXT.JS BASED PROJECT
_10
yarn dev

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


_10
Compiled successfully!
_10
_10
You can now view onion-react in the browser.
_10
_10
Local: http://localhost:3000
_10
_10
Note that the development build is not optimized.
_10
To create a production build, use npm run build.

Build

copy

_10
# FOR CRA BASED PROJECT
_10
npm run build
_10
_10
# FOR VITE BASED PROJECT
_10
npm run preview
_10
_10
# FOR NEXT.JS BASED PROJECT
_10
npm run build

or

copy

_10
# FOR CRA BASED PROJECT
_10
yarn build
_10
_10
# FOR VITE BASED PROJECT
_10
yarn preview
_10
_10
# FOR NEXT.JS BASED PROJECT
_10
yarn build