Vite Setup
Introduction
Skote is a fully featured premium admin dashboard
template in Vite + ReactJs with
React Hooks Base and
Class Base Component with
Firebase/fake-backend
and developer-friendly codes.
.env
file.
For more details, 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 16.
-
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.
NodeJS Supported node-sass version Node Module Node 16 6.0+ 93 Node 15 5.0+ 88 Node 14 4.14+ 83 Node 13 4.13+, <5.0 79 Node 12 4.12+ 72 Node 11 4.10+, <5.0 67 Node 10 4.9+, <6.0 64 Node 8 4.5.3+, <5.0 57 Node <8 <5.0 <57 -
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 |
---|---|
yarn install
|
This would install all the required
dependencies in the
node_modules
folder.
|
yarn run dev
|
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. |
For Deployment, You can check more details on Vite js Deployment |
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.