Opensea Whitelabel Website Template Save

An Opensea website template created with Next.js and BaseUI

Project README

Opensea whitelabel website template

Opensea whitelabel website template

This is a Scaffold for an opensea marketplace using opensea-js. Based on a NextJS scaffold by Tajo.

The main goal of this project is to create a template based on baseui that any artists can use to create, display and sell their NFTS on their own website with an added layer of customization.

The current implementation is a simple marketplace for an artist to sell their NFTs they created on the Opensea marketplace.

  • List orders
  • View order details
  • Integrate web3modal
  • Purchase NFT
  • (owner) Sell NFT
  • (owner) Auction NFT
  • (guest) List purchased NFTs for current wallet connected
  • (guest) Sell NFT
  • (guest) Auction NFT

Usage

Before you get started, make sure you have an Opensea account and that you have already created a collection with some NFTs.

Clone source code and:

  • create a .env.local file at the root directory and add the following data:
# server side variables
OPEN_SEA_WALLET_ADDRESS="<YOUR OPENSEA WALLET ADDRESS>"
OPEN_SEA_COLLECTION_SLUG="<OPENSEA NFT COLLECTION SLUG>"
OPEN_SEA_MAINNET="<TRUE FOR MAINNET / FALSE FOR RINKEBY>"
OPEN_SEA_API_KEY="<OPENSEA API KEY>"

# client side variables
NEXT_PUBLIC_TITLE = "<WEBSITE TITLE>"
NEXT_PUBLIC_INTRODUCTORY_TEXT = "<YOUR INTRODUCTORY TEXT>"
NEXT_PUBLIC_REACT_APP_INFURA_ID="<YOUR INFURA.IO ID>"
NEXT_PUBLIC_COPYRIGHT_TEXT="© <YOUR NAME>"
NEXT_PUBLIC_TWITTER="<YOUR TWITTER LINK>"
NEXT_PUBLIC_INSTAGRAM="<YOUR INSTAGRAM LINK>"
NEXT_PUBLIC_GITHUB="<YOUR GITHUB LINK>"

# client side Opensea variables
NEXT_PUBLIC_OPEN_SEA_MAINNET= OPEN_SEA_MAINNET
NEXT_PUBLIC_OPEN_SEA_API_KEY= OPEN_SEA_API_KEY
  • If you don't have yarn installed, install yarn.

  • open terminal at project directory and run:

    • yarn or npm install to install dependencies.

    • yarn dev or npm run dev to run dev server.

    • yarn build or npm run build to build.

    • yarn start to run build.

Open Source Agenda is not affiliated with "Opensea Whitelabel Website Template" Project. README Source: nawangwe/opensea-whitelabel-website-template
Stars
28
Open Issues
0
Last Commit
2 years ago
License
MIT

Open Source Agenda Badge

Open Source Agenda Rating