logo
  • Awesome templates
  • Purchase
  • Buy More Template

Doc NAVIGATION

  • Getting Started
    • Requirements
    • What's Included
  • FriskNext Installation
  • FriskBasic Site Setting
    • Change Site Title and Favicon
    • Change Logo
  • FriskTemplate Options
    • Header
    • Hero Section
    • Homepages
    • cars
    • Blog
    • Contact
    • Footer
    • All Data
    • 404
  • FriskGlobal Color
  • FriskChange Log

Getting Started

Welcome to Virtuo - Personal Portfolio React Nextjs Template | Freelancer & Developer Portfolio Template We would like to thank you for choosing our template - Virtuo.

It’s built with the most modern tools Nextjs + Bootstrap 5. it’s a high-Quality and well organized Nextjs Template specially designed to fit all the needs of a Real Estate Business. With a wide variety of custom pages, 10 completely different Homepages and endless design possibilities.

it’s a very complete and highly customizable Nextjs template that will help you build your own website layouts. It's Simple, elegant, extensive, professional..

Requirements

There are system requirements in order to install and setup this template and its components properly. Make sure that you alredy installed Node.js in your pc

Recommended node and npm

installation

What's Included

After purchasing Virtuo template on themeforest.net with your envato account, go to your download page. You can choose to download Virtuo template only (Installable Nextjs template) or the entire Virtuo template.After extract the package you will find following this files:

whats-included

You can get the following items after purchasing our template from themeforest

  • Virtuo - An Installable Nextjs template zip file. this file you need to upload
  • License - This folder contains the terms and conditions of the license.
  • Documentation - This folder contains what you are reading now :)

Next Installation

Please follow the instructions in the video to see how you can install Next on your hosting:

  1. For local host -
    1. Open you command prompt
    2. npm install
    3. npm run dev (will start the dev server at http://loaclhost:3000)
  2. Deploying to Netlify - https://www.youtube.com/watch?v=3rMkaMEgDJI&pp=ygUObmV4dGpzIG5ldGxpZnk%3D


  1. For locally build -
    1. Open you command prompt
    2. npm run build (will build locally and generate public directory)
    3. npm start (will start the locally build server at http://loaclhost:3000)
  2. Deploying to Vercel - https://www.youtube.com/watch?v=2HBIzEx6IZA&pp=ygUXbmV4dGpzIGRlcGxveSB0byB2ZXJjZWw%3D


Other Scripts
  1. Open you command prompt
  2. npm run lint:fix (This will format your code and fix auto fixable eslint error)

Change Site Title and Favicon

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

go to Appearance -> Import Demo Data
By folllowing this screenshot you can change favicon image
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change page title
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change default homepage

Change Logo

To change your Site logo by following screenshot

  1. From the template options go to components headers
go to Appearance -> Import Demo Data
By folllowing this screenshot you can change your Logo

Header

To change Header Menu content by following this screenshot here.

  1. From the template options go to components headers
Change Profile Image
Change Header Menu Content

Hero Section

To change Hero Section content by following this screenshot here.

  1. From the template options go to components hero>Hero.jsx
Change Profile Image
Change Hero Section Content

Home Page Structure

To change Home Page and its folder content by following this screenshot here.

  1. From the template options go to app (homes)
Change Profile Image
Change Homepage Content you can follow this above screenshot

Blog

To change blog pages and its folder content by following this screenshot here.

  1. From the template options go to components blogs > Blogs.jsx(similer)
Change Blog Archive Setting
Change Blog Content by the following screenshot

Projects

To change Projects pages and its folder content by following this screenshot here.

  1. From the template options go to components projects > Projects.jsx(similer)
Change Blog Archive Setting
Change Projects Content by the following screenshot

Contact

To change Contact Form and Address you can change by following this screenshot here.

  1. From the template options go to components contact > Contact.jsx (similer)
Change Blog Archive Setting
Change Contact Content by the following screenshot

Footer

To change your Footer content you can change by following this screenshot here.

  1. To Change footer data and social from the data folder options go to components footers
Change Back to Top Arrow Setting
Change Footer Content by following this screenshot.

All Data for this site

To change your data content you can change by following this screenshot here.

  1. To Change data from the data folder options go to data
Change Back to Top Arrow Setting
Change All Data Content by following this screenshot.

Change Log

inversweb Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

25 June 2025

Initial release

1.0.0

Relese1) Item Release

Support? themespark11@gmail.com

If you like our product. Please Rate Us

If you need the template customization or custom development services please contact us.

Email Us

Frisk

© 2025 All Rights Reserved by inversweb