基于React、Typescript和Solidity的NFT完整教程

了解如何使用 React / Next JS、Solidity 和 Pinata(IPFS) 在以太坊上創(chuàng)建 NFT 市場(chǎng)

課程英文名：NFT Marketplace in React, Typescript & Solidity - Full Guide

此視頻教程共5.0小時(shí)，中英雙語字幕，畫質(zhì)清晰無水印，源碼附件全

下載地址

課程編號(hào)：300百度網(wǎng)盤地址：https://pan.baidu.com/s/1gDdZ0VL5NEd-SdSszDGO6w?pwd=52f0

課程內(nèi)容

你將會(huì)學(xué)到的

• 創(chuàng)建一個(gè)真正的 NFT 市場(chǎng)！

• 以實(shí)用有趣的方式理解復(fù)雜的主題

• 獲取與任何[區(qū)塊鏈]一起使用的完整工具包

• 在區(qū)塊鏈上開發(fā)一個(gè)真正的應(yīng)用程序

要求

• React JS的知識(shí)

• Solidity的基礎(chǔ)知識(shí)

• 熟悉區(qū)塊鏈

說明

Next.js?為您提供生產(chǎn)所需的所有功能的最佳開發(fā)人員體驗(yàn)：混合靜態(tài)和服務(wù)器渲染、TypeScript 支持、智能捆綁、路由預(yù)取等。無需配置。

以太坊?是一種可以讓你向任何人發(fā)送加密貨幣的技術(shù)，但首先，它還為每個(gè)人都可以使用并且沒有人可以刪除的應(yīng)用程序提供支持。這是世界上可編程的區(qū)塊鏈。

Solidity?是一種面向?qū)ο蟮母呒?jí)語言，用于實(shí)現(xiàn)智能合約。智能合約是管理以太坊狀態(tài)內(nèi)賬戶行為的程序。

Pinata?是一種固定服務(wù)，允許用戶在?IPFS?網(wǎng)絡(luò)上托管文件。星際?文件系統(tǒng)?(?IPFS?) 是一種協(xié)議和點(diǎn)對(duì)點(diǎn)網(wǎng)絡(luò)，用于在分布式文件系統(tǒng)中存儲(chǔ)和共享數(shù)據(jù)。

本課程涵蓋哪些內(nèi)容？

該課程涵蓋了根據(jù) ERC721 標(biāo)準(zhǔn)的去中心化 NFT 應(yīng)用程序所需的一切。本課程的學(xué)生將通過創(chuàng)建真實(shí)世界的應(yīng)用程序來了解 NFT。

學(xué)生將了解 ERC721 智能合約是什么以及如何創(chuàng)建一個(gè)。

課程中涵蓋的 dApp 前端是使用 React JS 庫和 Next JS 框架創(chuàng)建的。CSS 和設(shè)計(jì)是使用 Tailwind 框架構(gòu)建的。

NFT 市場(chǎng)應(yīng)用：

該課程的核心部分涵蓋了交互式 NFT 市場(chǎng)的創(chuàng)建。該平臺(tái)的客戶將能夠使用以太數(shù)字貨幣購買 NFT。

該應(yīng)用程序是在 Next JS 框架中創(chuàng)建的，構(gòu)建在 React JS 之上。

課程的第一部分包括頁面布局的設(shè)置、首頁的創(chuàng)建和組件。Tailwind CSS 框架涵蓋了應(yīng)用程序的樣式部分。

學(xué)生將探索如何將 Web3 JS 代碼提供到應(yīng)用程序中，代碼負(fù)責(zé)與加密錢包進(jìn)行通信，從而與區(qū)塊鏈進(jìn)行通信。

我們將使用 Provider/Consumer 的概念來提供這一層，這在 React JS 中很常見。這將保證所有組件和頁面都能夠訪問負(fù)責(zé)與區(qū)塊鏈通信的功能。

應(yīng)用程序的狀態(tài)和數(shù)據(jù)管理通過 SWR(stale while revalidate) 庫處理。這將為應(yīng)用程序提供一種反應(yīng)性的感覺，并在接收到新數(shù)據(jù)時(shí)提供組件的反應(yīng)性渲染。

畢竟，實(shí)現(xiàn)了與區(qū)塊鏈的必要通信，學(xué)生將開始研究智能合約的實(shí)施。

該課程遵循公認(rèn)的 ERC721 令牌標(biāo)準(zhǔn)。

智能合約是項(xiàng)目的重要組成部分。它充當(dāng) NFT 的區(qū)塊鏈"存儲(chǔ)"，并提供驗(yàn)證 NFT 所有權(quán)和與媒體存儲(chǔ)鏈接的功能。

課程的最后一部分包括準(zhǔn)備和存儲(chǔ)與 NFT 相關(guān)的數(shù)據(jù)。所謂的 NFT 元數(shù)據(jù)。

NFT 元數(shù)據(jù)數(shù)據(jù)將存儲(chǔ)在基于 Pinata (IPFS) 的存儲(chǔ)中。學(xué)生將學(xué)習(xí)從表單中收集數(shù)據(jù)，然后將其提交到 Pinata 存儲(chǔ)。以下重要部分是鏈接此元數(shù)據(jù)并創(chuàng)建 NFT。

此應(yīng)用程序中最值得提及的主題是：

• Next JS 與 Web3 和區(qū)塊鏈的集成

• 與 Hooks 和 SWR 的反應(yīng)性

• 創(chuàng)建 NFT(ERC721) 智能合約

• Pinata 上的 NFT 數(shù)據(jù)操作和存儲(chǔ)

• 打字稿

此課程面向哪些人：

• 對(duì)區(qū)塊鏈技術(shù)感興趣的初級(jí)到中級(jí)開發(fā)人員

• 人們正在尋找實(shí)用的 Solidity/Ethereum/[NextJS]?開發(fā)指南。

• 本課程適合所有渴望了解如何從頭開始構(gòu)建應(yīng)用程序的人