1. Introduction

We would like to thank you for choosing Most NextJS Template.

We made most from the ground-up with flexibility in mind. Each element of most is extremely customizable, where you can make most to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize most and make it fit your brand perfectly!

1.1 Requirements

There are system requirements in order to install and setup Most template and its components properly. Make sure that you are running the node.js and npm in your computer. You have to maintain this version (Node js >= 14.0.0 and npm >= 5.6)

Recommended Version Nodejs v16.13.2

If you don't have Node js in your computer please download and install from here: https://nodejs.org/en/download/

Install Packages

You can use Npm/Yarn

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
								
							

Yarn: At first install yarn globally by npm install --global yarn. You must have to yarn install packages. You can do this by running yarn install from the root of your project to install all the necessary dependencies.

								
									yarn install
								
							

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 / yarn dev
								
							

Build

Run npm run build to build the project. The build artifacts will be stored in the .build/ directory.

								
									npm run build / yarn build
								
							

Run npm run start to start build version in your localhost.

								
									npm run dev / yarn dev
								
							

1.2. What's Included

After purchasing Most template on themeforest.net with your Envato account, go to your Download page. You can choose to download Most template only or the entire Most template package which contains the following files:

• most-nextjs: An Installable NextJS template file.
• documentation: This folder contains what you are reading now.

Folder Structure:

• assets Folder:
• public Folder:
• pages Folder:
• src Folder:

2.NextJS Installation

Please follow the instructions given below how you can install create-next-app on your local host:

Open you command prompt and run those command for local host

								
									npm install / yarn install
									npm run dev / yarn dev
								
							

Deploy

Know more about NextJS App Deployment Please Click here

Recommended Vercel to Deploy your NextJS App

3.1. Change Site Title and Favicon

To change your Site title and Favicon open the Most in your editor and go to the location by following screenshot which are given bellow.

3.2. Change Logo

To change your Site Logo open the most in your editor and go to the location by following screenshot which are given bellow.

3.3. Customize Menu

To customize your Site Menu open the most in your editor and go to the location by following screenshot which are given bellow.

4.1. Header

From the located file in the image you can customize you site header layout

4.2. Footer

Here is the file where you can customize your footer

4.3. Global Color

To change most Global Color

4.4. Page Banner

To change Page Banners and Slider here is all file location

4.5. Content

To customize your Site Content open the most in your editor and go to the location by following screenshot which are given bellow.

Page Content:

Add Page Content:

Add Component:

By this way, you can add Blog, Project, Product, Team etc.

Create / Customize Component:

You can customize your required component by going it's location. Also you can create new component as you required on component folder, then import & use that on your desired page.

4.6. Contact Form

To customize your Site Contact Form open the most in your editor and go to the location by following screenshot which are given bellow.

Visit emailjs for setup contact form

5. Update Data

To update your Site Data (Posts, Products, Projects) form json file by following screenshot which are given bellow.

6. Support

Support Scope

Included in Free Support Scope:

• Fixing bugs
• Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

• Any type of custom changes
• Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

• Custom change request
• Custom pages
• Custom features

We kept a flat rate for our paid support which is $25/hour.

Support Ticket

Please send your support request here. You will response within 1 business day.

Regards,
ReacThemes Support Team