About a Project
Vivid Tokenz 2.0 is a full-stack NFT marketplace platform that seamlessly integrates traditional web technologies with blockchain infrastructure. The platform enables users to create, manage, trade, and collect Non-Fungible Tokens (NFTs) representing sports cards and collectibles. Built on Next.js 15 with Supabase backend services and Ethereum smart contracts (Holesky testnet), Vivid Tokenz represents a modern approach to digital asset marketplaces, combining the best of Web2 and Web3 technologies. Admin users handle minting and marketplace management; regular users browse, collect, and transfer NFTs with optional wallet integration.
Project Idea
- Create a premium NFT marketplace focused on sports collectibles with verifiable on-chain ownership.
- Provide user-friendly experience: traditional web auth (Supabase) with optional blockchain wallet integration.
- Enable admin control for centralized minting and management while maintaining decentralized ownership.
Project Challenges
- Managing blockchain transaction costs and RPC latency without degrading user experience.
- Designing wallet connection and auth flows that work for both Web3 natives and newcomers.
- Keeping on-chain token state and off-chain metadata (Supabase, IPFS) in sync.
- Ensuring IPFS availability and performance for NFT images and metadata.
Results
- Full-stack NFT marketplace with hybrid Web2/Web3 experience
- Secure, scalable architecture
- Foundation for auctions, sales, and new features
Business Challenges
Blockchain transaction costs and gas optimization required careful contract design. Slow RPC queries and rate limits demanded a caching layer and Supabase-backed metadata. Wallet connection UX for users unfamiliar with Web3 was addressed with traditional Supabase auth as primary and optional wallet connection. Keeping on-chain and off-chain data in sync relied on event listeners, sync jobs, and transaction confirmation tracking. IPFS reliability was handled with Pinata pinning and multiple gateway fallbacks.
- Managing blockchain transaction costs and RPC latency without degrading user experience.
- Designing wallet connection and auth flows that work for both Web3 natives and newcomers.
- Keeping on-chain token state and off-chain metadata (Supabase, IPFS) in sync.
- Ensuring IPFS availability and performance for NFT images and metadata.
Project in Details
A full-stack NFT marketplace for sports cards and collectibles, built with Next.js 15, Supabase, and Ethereum (Holesky), combining Web2 UX with Web3 ownership.
System Architecture
Product Essentials
Used Hardhat and OpenZeppelin for secure, audited smart contracts; off-chain metadata on IPFS via Pinata to reduce on-chain cost. Implemented in-memory caching with 5-minute TTL for public/featured data and user-specific cache for favorites. Supabase Auth as primary login with HTTP-only cookies; Web3Modal for optional wallet connection with clear instructions. Event listeners and periodic sync jobs keep Supabase in sync with on-chain ownership; Pinata pinning and fallback gateways ensure IPFS availability. Database indexing, pagination, and lazy loading optimize performance.
Admin NFT minting (image upload, IPFS, ERC721)
A full-stack NFT marketplace platform that seamlessly integrates traditional web technologies with blockchain infrastructure for sports cards and collectibles with verifiable on-chain ownership.
This feature provides comprehensive functionality with a responsive, mobile-first experience to enhance user experience and streamline operations.
Planning to build an NFT marketplace or Web3 product?
Tell us about your use case and we'll help you design and build a scalable platform with smart contracts, wallet integration, and a great user experience.
Development in Detail
- Built full-stack app with Next.js 15, React 19, TypeScript, Supabase Auth with custom AuthProvider and role-based routes (admin/user/auth/gallery).
- Developed ERC721 NFTMarketplace contract (Solidity 0.8.19, OpenZeppelin): createToken, setTokenMetadata, transferNFT, safeTransferNFT, fetchUserNFTs, setTokenFeatured, burnNFT; deployed to Holesky.
- Implemented admin minting: drag-and-drop image upload to Pinata, metadata JSON to IPFS, contract minting, Supabase nft_tokens sync.
- Built public gallery and NFT detail views; user collections (My NFTs, Favorites), user_profiles; wallet-to-wallet transfers with owner update in DB.
- Created admin dashboard: manage users (roles), manage NFTs (metadata, featured, delete); Web3Modal + Ethers.js for wallet connection and network switching.
- Designed schema: user_roles, user_profiles, nft_tokens, user_favorites; proper FKs and indexing; Row Level Security where applicable.
- Added caching (5-min TTL for public/featured, per-user favorites); lazy loading, pagination, memoization; error boundaries and toast notifications.
- Styled with Tailwind CSS, shadcn/ui, Radix UI, Framer Motion; dark theme, responsive layout, accessible components.
Technology stack
Built with modern technologies and best practices to ensure scalability and performance.
Web Architecture
Results Obtained
Delivered a production-ready NFT marketplace that bridges Web2 and Web3: intuitive experience for collectors and admins, verifiable on-chain ownership, and scalable architecture. The platform demonstrates modern React/Next.js practices, secure smart contract development, and efficient hybrid data design. With continued development, Vivid Tokenz 2.0 is positioned to become a leading destination for digital sports collectibles.
Full-stack NFT marketplace with hybrid Web2/Web3 experience
Users get an intuitive web app for browsing and collecting NFTs, with Supabase auth and optional MetaMask; admins mint and manage via a clear dashboard while ownership stays on-chain.
Secure, scalable architecture
OpenZeppelin-based contracts, role-based access, IPFS pinning, and caching reduce risk and support growth; Holesky testnet enables safe iteration with production-ready patterns.
Foundation for auctions, sales, and new features
The architecture supports future enhancements such as auctions, buy/sell marketplace, social features, and multi-chain or Layer 2 expansion.
Our client say
United States“Vivid Tokenz 2.0 gives us a production-ready NFT marketplace that feels like a modern web app while keeping true ownership on-chain. Supabase auth plus optional wallet connection works for both collectors and newcomers, and the admin minting flow is smooth. The team delivered a solid hybrid Web2/Web3 experience.”