NFT Marketplace with Svelte and Magic
summary
A working NFT marketplace built with SvelteKit replaces a Next.js tutorial and swaps MetaMask for the Magic wallet; Solidity contracts (createToken, createMarketItem, createMarketSale) deploy to a local Hardhat network, images and metadata land on IPFS, and ethers.js and Magic’s provider sign transactions. Users register with email, mint NFTs, buy/sell on-chain, and view minted/purchased/sold lists — the demo successfully mints and completes purchases with test ETH.
AI-written summary · about
chapters (13)
- 0:00Introduction and setup
- 2:12What is a decentralized app
- 4:37What is an NFT
- 7:07Tech stack overview
- 9:38Smart contracts explained
- 11:48Frontend structure and login
- 16:23Funding Magic wallet
- 17:47Minting an NFT
- 21:20Browsing the marketplace
- 23:09Viewing user profile
- 26:00Logging out
- 27:46Live demo walkthrough
- 29:09Conclusion and resources
related talks
32mBuild and Launch Your NFT Marketplace
37mThe !magic show: Taking a Vue at Web 3.
01h 45mJessy The - How to build a web3-app: from frontend to smart contract - JSWORLD 2023
21mFrontend Access Control Using Digital Assets
42mBuilding Full-Stack dApps
25mBlockchain magic from the browser with web3
06mReacting to Web3
05mReacting to Web3