Installation Guide

Installation

Compatibility

• Pug
• Bootstrap 5
• Gulp

Demo: Octavia Pug Demo.

Manual installation

⚠️ you have to use any type of npm, yarn or gulp command inside "customer-src/build-tools/"

npm install

Or:

yarn

Now to run development server of Octavia run below command:

Gulp Quick Start

1. Download Octavia latest source files form Themeforst

2. Download and install Node.js from nodejs.org & Git from git-scm.com

3. Open your command prompt or terminal at downloaded_folder/html/build-tools

4. Install the latest version of npm npm install --global npm@latest

5. Install gulp to automate your SCSS and js code compilation. npm install --global gulp

6. Verify the gulp is installed and it's version.gulp -v

7. Install yarn globally. npm install --global yarn

8. Install dependencies. yarn

9. Complile all the assests(SCSS, JS, Images, fonts, icons etc). gulp build --layout1 --prod

--layout1 determines the layout and --prod compress and minifies assets. Assets will be compiled & saved to Octavia/layout[x]/dist/assets

10. Start localhost(Dev Server) and watch file change. gulp --layout1

Troubleshooting

For jquery missing path issue Error: File not found with singular glob: /build-tools/node_modules/jquery/dist/jquery.min.js

Run

For common npm issues

• Re-install dependencies: rm -Rf node_modules && npm install
• Run gulp --layout1
• If this did not work, try running npm cache clean and repeat the above step