React Setup
Introduction
Upzet is a fully featured premium admin dashboard
template in ReactJs with
Redux/Hooks with
Firebase/fake-backend with Google and Facebook
authentication
and developer-friendly codes.
.env
file and for Social ( Google / Facebook )
credentials in the
src/config.js
file. For more, please visit Authentication page.
Prerequisites
Please follow below steps to install and setup all prerequisites:
-
Nodejs
Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than equal to 20 or greater.
-
Node version support policy
- Supported Node.js versions vary by release, please consult the releases page.
- Node versions that hit end of life https://github.com/nodejs/Release, will be dropped from support at each node-sass release (major, minor).
- We will stop building binaries for unsupported releases, testing for breakages in dependency compatibility, but we will not block installations for those that want to support themselves.
- New node release require minor internal changes along with support from CI providers (AppVeyor, GitHub Actions). We will open a single issue for interested parties to subscribe to, and close additional issues.
-
Git
Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.
Installation
To setup the admin theme, follow below-mentioned steps:
-
Install Prerequisites
Make sure to have all above prerequisites installed & running on your computer
After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:
| Command | Description |
|---|---|
npm install / yarn
|
This would install all the required
dependencies in the
node_modules
folder.
|
npm start / yarn start
|
Runs the project locally, starts the development server and watches for any changes in your code. The development server is accessible at http://localhost:3000. |
npm run build / yarn build
|
Generates a /build
directory with all the production files.
|
Tip :
SCSS: We suggest you to do not change any scss files from the src/assets/scss/theme.scss folders because to get new updates will might be break your SCSS changes if any you have made. We strongly suggest you to use theme.scss file and use that instead of overwrite any theme's custom scss files.