1. Item Name : Funto - Next js NFT Marketplace Next js Template
  2. Created: 15 June 2024
  3. Item Version : v 1.0.0
  4. Author : thememarch
  5. Support Ticket: rjamil336@gmail.com
  6. Skype: live:.cid.c92605d18467b63b

Introduction

Funto - Next js NFT Marketplace Next js 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 Funto.

Getting started

It’s crafted with the latest trend in design & code with all modern approaches. It’s SEO-friendly, easy to customize, robust & multi-dimensional NFT marketplace React Next JS template.

It’s suitable for all NFT marketplace, digital marketplace, crypto-collectibles, and digital art websites.

It’s 100% super responsive and it works nicely on smartphones, tablets, & desktops. All files code have been well organized and nicely commented for ease to customize.

Requirements

There are system requirements in order to install and setup Funto template and its components properly. Make sure that you are installed node.js and Yarn.

For nodejs go here Nodjs

For yarn go here Yarn

Install Yarn

Template Features

  • Next JS
  • Admin Page Included
  • Based on Bootstrap 5.x
  • ReactJS without jQuery
  • Free Premium Quality Support
  • Logo Slider Integration
  • Sticky Header
  • Google Fonts
  • 100% Responsive
  • Nice and Clean Design
  • Clean and commented code
  • Customizeable all components of each page
  • Integrated with FontAwesome
  • 2 Home Pages
  • 35 Pages Fully Featured Template
  • Blog Pages
  • Image background
  • Easy to customize
  • Flexible and multi-purpose
  • Valid / CSS3
  • 24/7 Awesome support
  • Detailed documentation

What's Included

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

The contents of the template package downloaded from ThemeForest

  • Funto - A NFT Marketplace file. this file you can edit and use for your business.
  • Documentation - This folder contains what you are reading now :)

Vue Nuxt Installation

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

  1. For local host -
    1. Open you command prompt
    2. npm install or npm install --legacy-peer-deps
    3. npm run dev (will start the dev server at http://loaclhost:3000)


  1. For locally build -
    1. Open you command prompt
    2. Open package.json file and edit scripts > build replace this "build": "next build && next export",
    3. yarn build (will build locally and generate out folder in root directory)
    4. yarn start (will start the locally build server at http://loaclhost:3000)
  2. Deploying to Vercel - https://www.youtube.com/watch?v=_8wkKL0LKks


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

Basic Site Settings

Change Site Title, Favicon and Page Title

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

3.1.1
You can change title here
3.1.1
You can change page title here
3.1.1
You can change favicon here

Customize Menu

To customize menu do the following:

  1. From the project folder go to layout headerMenu menus-dataOpen the menu you want to use
  2. Then customize the menu
3.1.1
Customize the menu

Customize Blog data

To customize blog data do the following:

  1. From the project folder go to data our blog data Open the menu you want to use
  2. Then customize the blog data
3.1.1
Customize the blog

Customize Service data

To customize Service data do the following:

  1. From the project folder go to data service Open the menu you want to use
  2. Then customize the service data
3.1.1
Customize the products

404

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

  1. From the project folder go to pages 404 Open the menu you want to use
  2. Then customize the 404 data
3.1.1
Customize the 404

Customize Header

We gave you four header layout. you can modify the header markup there.

  1. From the project folder go to layout headersheader Open the menu you want to use
  2. Then customize the blog data
3.1.1
Customize the header

Colors

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

  1. From the project folder go to public assetsscssutils Open the menu you want to use
  2. Then customize the color data
3.1.1
Customize the color

Typography

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

  1. From the project folder go to public assetsscssutils Open the menu you want to use
  2. Then customize the Typography data
3.1.1
Customize the Typography

Support

If you face any issue please contact us at Support Ticket. We provide 6 hours real-time support for our customers.

Thank you for purchasing our template.