Project Setup
1. Install Node.js on Your System
To use npm (to install Sass), we first have to install Node.js, which we can easily do. Go to the official site and download the related installer (based on the operating system)
2. Initialize NPM
After the installation, you can access the npm command to install the wowdash admin and manage dependencies. The initialization means creating the package.json file where we store our configuration.
Open your terminal, navigate to the worrking-file and run:
npm install
After the initialization, our package.json file will look something like this:
{
"name": "wowdash-tailwind",
"title": "Wowdash - Admin HTML Template Tailwind CSS Version",
"version": "1.0.0",
"description": "Wowdash - Admin HTML Template Tailwind CSS Version",
"author": "wowtheme7",
"license": "Private",
"main": "gulpfile.js",
"devDependencies": {
"@tailwindcss/container-queries": "^0.1.0",
"@tailwindcss/forms": "^0.5.3",
"@tailwindcss/typography": "^0.5.9",
"autoprefixer": "^10.4.13",
"browser-sync": "^2.27.10",
"cssnano": "^5.1.15",
"gulp": "^4.0.2",
"gulp-clean": "^0.4.0",
"gulp-clean-css": "^4.3.0",
"gulp-concat": "^2.6.1",
"gulp-file-include": "^2.3.0",
"gulp-postcss": "^9.0.1",
"gulp-sass": "^5.1.0",
"postcss": "^8.4.21",
"prettier": "^2.8.4",
"prettier-plugin-tailwindcss": "^0.2.3",
"sass": "^1.58.1",
"tailwindcss": "^3.3.0"
},
"scripts": {
"start": "gulp"
},
"dependencies": {
"flowbite": "^2.5.1"
}
}
3. Run The project
After the previous steps, all you need is to run our scripts based on all needs.
npm run start
4. The Project Upload in cPanel
Login in your cpanel. Then go to dist folder and zip the folder and upload (normally public_html)