introduction

NFTOcean is a NFT template build by ( React + Next js ) . We have try our best to well optimize our code and components so that it become easy for you to make a NFT marketplace out of it easily.

Beside this we have tried to provide you a modern looking responsive and cross browser capable design which will make a good impression to your website visitor

This documentaion is to guide you regarding all the step for building and deploying along with how to customize

In order to customize this template React js and Next js Knowledge is Required

  • Template Name : NFTOcean - NFT marketplace
  • Template Version : V 1.0.0
  • Author : WpRealizer

Folder Structure

A guide to understanding how the theme is structured. when you open the zip file you will see 3 folders

📁 Template
📁 Preview
📁 documenation
📁 Template is the folder what contain the theme
  • 📁
    components
    is the folder where you can find all the components
  • 📁
    constant
    is the folder what contain some constant variable from where you can change header and footer information
  • 📁
    context
    is the folder where all the react context is located
  • 📁
    pages
    is the folder where all the page is located
  • 📁
    public
    is the folder where all the images and fonts is located
  • 📁
    styles
    is the folder where all the css files is located

Dependencies

This is all the dependencies used for this theme

Swiper JS

Swiper Js is used for all the sliders in this Theme

Learn more ...

React Cuntdown

For implementing countdown in NFT item

Learn more ...

UUID

Used for generating unique id

Learn more ...

customizer

In order to customize first open the 📁 Template folder via any code editor. and set up development envirement. i am using ( VS code )

npm install && npm run dev

Now you can view the template in http://locahost:3000

To Edit Nav Logo go to 📁 constant/Header/HeaderConstant.js
To Edit Footer Info 📁 constant/Footer/FooterConstant.js

build

npm run build && npm start

Now you can view the build template in http://locahost:3000

deploy

Now this theme is ready to deploy. here we are going to deploy this Theme to Vercel from github.

git init
git add .
git commit -m "init app"
git remote add origin ( your github repo url )
git push
Visit Vercel and Continue with github
Click on new project
Click on import
Now click on deploy and it will be deployed

Thank you

Thank you for buying our template . if you liked our template don't forget to rate us