1. Item Name : Averto - Creative Digital Agency NextJS Template
  2. Created: 04 September, 2025
  3. Item Version : v 1.0.0
  4. Author : pixavation
image

Introduction

Averto - Creative Digital Agency NextJS Template

For any support please don't hesitate to contact us at Support Center . We provide 13 hours real-time support for our customers.

We would like to thank you for choosing Averto - Agency NextJS Template

Getting started

Averto - Creative Digital Agency NextJS Template

Download project, open in a text editor (vscode) open terminal change directory to the project directory and write the command npm install and then press enter after installation compleat then npm run dev to start project.

Template Features

  • Latest : NextJS 15 with React 19
  • HTML5 & CSS3 & SASS
  • Bootstrap v5.x
  • React Bootstrap
  • Font-awesome
  • React Icons
  • Custom Icon
  • React Swiper Slider
  • Popular npm package
  • 05 Awesome Home page
  • 14 Awesome Inner page
  • Responsive Design
  • Pixel Perfect Design
  • Clean Code & Unique Design
  • Easy to Customize
  • Component Based Design
  • SEO Optimize
  • GSAP Animation

What's Included

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

The contents of the template package downloaded from ThemeForest

  • main file - Containing Full Template.
  • documentation - This folder contains what you are reading now :)

Template Structures

  1. SRC Folder - This is the parent folder of the project.
  2. APP Folder - Inside src folder It contains all the pages.
  3. SASS & Styles Folder - Inside App folder sass & styles contains all the styles for the project.
  4. Component Folder - Inside src folder It contains all the components that required for the project.
  5. package.json file - All dependencies and scripts & projcet records are there.
  6. public folder - Contains all static assets like image, audio, video, fonts etc.
  7. favicon.ico - It is in the root files.

Project Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.

3.1.1
NextJs Project Structure

Change Contents

Changing Images

To change any images of the website

  1. Carefully collect the source name of the image (i.e. hero.jpg)
  2. Open the file called images from public -> assets folder.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

4.1.1

Changing Colors

We have used scss for this project to write css. If you are familiar with scss you should customize only the style.scss files. Please make sure you compile the style.scss file after you have made changes in any of the style.scss file.

Changing default template colors

  1. Open the _variables.scss file from app > scss > _abstracts > _variables.scss folder with a text-editor.
  2. Change the right-side values of the variables to change any default colors of your site.
  3. Save your file.
4.1.1

Support

If you face any issue please contact us at author@pixavation.com We provide 24/7 hours real-time support for our customers.

Thank you for purchasing our theme.