Empower your own website by selling subdomains. Integrate your domain into our ecosystem, offering every domain user access to all the features that Web3Domain provides.
- Optimal opportunity to earn through memberships by allowing users to obtain subdomains of your Web3 primary domain.
- Earn immediately upon domain minting.
- Set the price, image, and description for your subdomain at your discretion.
- Optionally restrict minting to yourself, saving on commission fees.
- All Web3Domains are NFTs, sellable on opensea.io.
This project requires Node.js to run.
Specify environment variables. If for local development, create a file .env.local
. Leave variables blank if not required but do not delete or remove any keys.
NEXT_PUBLIC_MATIC=get_rpc_url_for_polygon_and_do_not_remove_me_if_not_required
NEXT_PUBLIC_ETH=get_rpc_url_for_ethereum_and_do_not_remove_me_if_not_required
NEXT_PUBLIC_FILECOIN=https://api.node.glif.io/rpc/v1
NEXT_PUBLIC_INFURA_KEY=get_key_from_infura
NEXT_PUBLIC_ALCHEMY_KEY=get_key_from_alchemy_or_leave_it_as_it_is
NEXT_PUBLIC_PASSWORD=keep_any_secure_password_for_admin
Modify the Web3Domain Studio configuration file
Edit the file src\configuration\Config.tsx. Change values to suit your requirements. Leave variables blank if not needed, but don't delete any keys.
import { ThemingProps } from '@chakra-ui/react'
import { polygon} from '@wagmi/chains'
export const SITE_NAME = 'Web3Domain Studio'
export const SITE_DESCRIPTION = 'Web3 Domain Provider'
export const SITE_URL = 'https://web3domain.org'
export const THEME_INITIAL_COLOR = 'system'
export const THEME_COLOR_SCHEME: ThemingProps['colorScheme'] = 'gray'
export const THEME_CONFIG = { initialColorMode: THEME_INITIAL_COLOR }
export const SOCIAL_MEDIUM = '' //Leave it blank if no values
export const SOCIAL_TWITTER = 'web3yak'
export const SOCIAL_GITHUB = 'web3yak'
export const SOCIAL_LINKEDIN = ''
export const SOCIAL_DISCORD = ''
export const NETWORKS = [polygon]; //polygon, filecoin, polygonMumbai
export const NETWORK_ERROR = "Unsupported Blockchain Network or Domain Name !" //Change network name as required
export const DOMAIN_TLD = 'yak' //primary domain name without dot (.)
export const DOMAIN_PRICE_ETH = '0.1' //price should be equal to contract or higher
export const DOMAIN_IMAGE_URL = 'https://web3domain.org/api/nft/yak.jpg' //Image path starts with ipfs:// or https://
export const DOMAIN_NETWORK_CHAIN = 137 //137 for polygon, 314 for filecoin, 80001 form mumbai
export const DOMAIN_DESCRIPTION = 'My Domain description goes here....'
export const DOMAIN_TYPE = "W3D" //W3D for polygon, FVM for Filecoin net
export const DOMAIN_TITLE = "Web3 Domain Search" //Title above the search input field.
export const DOMAIN_PLACEHOLDER = "Search for a name" //Placeholder for search input field
export const ADMIN_WALLET = "0x8D714B10B719c65B878F2Ed1436A964E11fA3271" //ETH wallet address
export const NOTICE_TITLE = "Bulletin board"
export const NOTICE_NON_MEMBER = "Only the .yak domain holder can view bulletin board."
export const DOMAIN_BANNER = "https://web3domain.org/studio/wp-content/uploads/2023/06/a6.jpg"
Modify or Update RPC Provider
Modify the file src\configuration\Web3.tsx. Switch between Alchemy or Infura provider. Comment out the unused import. Use or replace alchemyProvider / infuraProvider as needed. Default is Alchemy.
Update Header Menu Links
Modify the file /src/components/layout/Header.tsx Change labels, sublabels, and links as needed.
Change Logo
- Overwrite the files
logo.png
andfavicon.ico
under the/public/
folder.
Deploy to your server
npm install
MIT Free Software