Intoduction

Bastun - React Multipurpose React Next.Js Template

Thank you for purchasing our template.
If you have any questions that are beyond the scope of this help file,
Please feel free to contact us with sending mail to techbootmail@gmail.com

Requirements

There are system requirements in order to install and setup the "quarter" and its components properly. Make sure that you are running the node.js install npm install.
You can download Node.js from here: Node JS. NPM comes bundled with Node.js Or yarn install

Recommended node and npm

node install
npm install

You can use npm or yarn to Install Packages

NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.

npm install Or yarn add

Development server

Run npm run dev for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files

npm run dev or yarn dev

Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.

npm run build or yarn build

What's Included

How to start development server

Please follow the instructions of this video tutorial to see how you can install Packages and run the project

For local host -
1. Open your command terminal
2. npm install or yarn add
3. npm run dev or yarn dev

Folter Structure at a glance

Change Site Title and Favicon

Change Logo

Replace your logo on theme_folder/img/logo.png as the same name.

Customize Menu

Footer

Change Copyright Infomartaion

Change Home Page

To set a new default home page, copy the content from your desired page and paste it into the index file.

Section Components

Bread Crumbs

Blog Components

Blog Single

Widgets

Social Networks

Typography - Font Family

Typography - Color

Fonts Credit

Google Fonts

Font-family: "Inter", sans-serif

Icon Fonts

Icofont: Iconfont

CSS Credit

Flugins Used for CSS:

Bootstrap: Bootstrap
React bootstrap: React bootstrap
React Slick: React Slick
Animate: Animate

JavaScript Credit

Flugins Used for JavaScript:

Bootstrap: Bootstrap React bootstrap: React bootstrap
React Slick Slider: React Slick
Images Loaded: Images Loaded

Images Credit

Images Used: All images we used in this template come from sources. They are very good sources for free images

Pinterest: Pinterest
Freepik: Freepik
Unsplash: Unsplash
Pexels: Pexels

Support