Getting Started

Setup Toner

Toner is a fully featured premium admin dashboard template in ReactJs with Hooks with Redux - Thunk with ToolKit & Typescript based architecture and developer-friendly codes.
Prerequisites:

Please follow the below steps to install and setup all prerequisites:

  • Nodejs

    Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 18. We suggest you to use LTS version of Node.js.

  • Node version support policy
    1. Supported Node.js versions vary by release, please consult the releases page.
    2. Node versions that hit the end of life https://github.com/nodejs/Release , will be dropped from support at each node-sass release (major, minor).
    3. We will stop building binaries for unsupported releases, and testing for breakages in dependency compatibility, but we will not block installations for those that want to support themselves.
    4. New node releases 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.
    Below is a quick guide for minimum and maximum support supported versions of node-sass:-
    NodeJS Supported node-sass version Node Module
    Node 18 8.0+ 108
    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
  • Yarn

    Make sure to have the Yarn installed & running on your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you use Yarn instead of NPM.

  • Git

    Make sure to have Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.

After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory ( Toner_v*/ ) 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 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.
yarn build Generates a /dist directory with all the production files.
SCSS: We suggest you do not change any scss files from the ../assets/scss/ folders because getting new updates will break your SCSS changes if any you have made. We strongly suggest you use a custom.scss file and use that instead of overwriting any theme's custom scss files.
© Toner.
Design & Develop by Themesbrand