Getting Started

Welcome to inbio vue nuxtjs template! We would like to thank you for choosing our template - inbio.

It’s built with vue nuxtjs. It’s fully responsive and looks well. It is a modern design and high-speed performance vue nuxtjs template. To use inbio for Personal Portfolio, Personal Portfolio Landing, Minimal Portfolio, Freelancer Portfolio, Designer Portfolio, Parallax, and other needed inner or details pages availability.



What's Included

After purchasing inbio template on templateforest.net with your Envato account, go to your Download page. You can choose to download inbio template only (Installable vue nuxtjs template) or the entire inbio template package which contains the following files:

whats-included

The contents of the template package downloaded from templateForest:

  • inbio-nuxt.zip - An Installable vue nuxtjs template zip file. this file you need to upload to vue nuxtjs.
  • Licensing - This folder contains the terms and conditions of the license.
  • Documentation - This folder contains what you are reading now :)

Nuxt Installation

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

  1. For local host -
    1. Open you command prompt
    2. npm run dev (will start the dev server)
  2. Deploying to vercel - https://www.youtube.com/watch?v=sD--c96lvAU&t=5s


  1. For locally build -
    1. Open you command prompt
    2. npm run build (will build locally and generate public directory)
    3. npm run preview (will start the locally build server at http://loaclhost:3000)
  2. Deploying to Vercel - https://www.youtube.com/watch?v=sD--c96lvAU&t=5s


Other Scripts
  1. Open you command prompt
  2. npm cache clean --force (This will clear the cache)
  3. npm run lint:fix (This will format your code and fix auto fixable eslint error)

Change Site Title, Favicon and

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

go to Appearance -> Import Demo Data go to Appearance -> Import Demo Data

Customize Menu

To customize menu do the following:

  1. From the project folder go to data menu.jsOpen the menu you want to use
  2. Then customize the menu
Customize the menu.
Customize the menu

Social Networks

Put your social profile link here.

Add your link here
Add your link here

Typography

To change Typography and setting you can change by following this screenshot here.

Change Typography Setting
Change Typography Setting

404 Page

To change 404 and setting you can change by following this screenshot here.

Change 404 Page Setting
Change 404 Page Setting

Back to Top Arrow

To change Back to Top Arrow and setting you can change by following this screenshot here.

Change Back to Top Arrow Setting
Change Back to Top Arrow Setting

Global Color Options

To change Global Color Options setting, navigate to public assets scss default _variables.scss

Change Global Color Options Setting
Change Global Color Options Setting

Change Log

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

19 May 2024

Init release

1.0.0

Newtemplate release

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

Email Us