NFT Marketplace – React, Next.js & Solidity Guide (2023)

NFT Marketplace – React, Next.js & Solidity Guide (2023), available at $84.99, has an average rating of 4.9, with 189 lectures, based on 227 reviews, and has 2501 subscribers.

You will learn about Build an authentic NFT marketplace Understand complex topics in practical and fun way Get complete toolkit to work with any Blockchain Develop a real app on the Blockchain This course is ideal for individuals who are Juniors to mid-level devs interested in blockchain tech or People looking for the practical Solidity/Ethereum/NextJS development guide. or This course is for everyone eager to understand how to build an app from scratch It is particularly useful for Juniors to mid-level devs interested in blockchain tech or People looking for the practical Solidity/Ethereum/NextJS development guide. or This course is for everyone eager to understand how to build an app from scratch.

Enroll now: NFT Marketplace – React, Next.js & Solidity Guide (2023)

Summary

Title: NFT Marketplace – React, Next.js & Solidity Guide (2023)

Price: $84.99

Average Rating: 4.9

Number of Lectures: 189

Number of Published Lectures: 187

Number of Curriculum Items: 189

Number of Published Curriculum Objects: 187

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

Build an authentic NFT marketplace
Understand complex topics in practical and fun way
Get complete toolkit to work with any Blockchain
Develop a real app on the Blockchain

Who Should Attend

Juniors to mid-level devs interested in blockchain tech
People looking for the practical Solidity/Ethereum/NextJS development guide.
This course is for everyone eager to understand how to build an app from scratch

Target Audiences

Juniors to mid-level devs interested in blockchain tech
People looking for the practical Solidity/Ethereum/NextJS development guide.
This course is for everyone eager to understand how to build an app from scratch

What is this course covering?

NFT Marketplace: This application will guide you through the complete development process of an NFT marketplace. It covers various topics, including NFT development and uploading images/files to the Pinata IPFS network.

Adopt Pet: As a bonus section focusing on React JS, this section utilizes Hardhat for smart contract management and deployment to the Polygon network.

This course covers the essentials for developing a decentralized NFT application based on the ERC721 standard. Students will gain practical knowledge by creating a real-world NFT application.

The course guides students in understanding ERC721 smart contracts and provides hands-on experience in their creation.

For the development of dApps covered in the course, the front end is built using the React JS library and the Next JS framework. CSS and design aspects are implemented using the Tailwind framework

As an additional component,the course includes a bonus section dedicated to developing a pet adoption application. This application will be created using React JS and Hardhat for managing and deploying smart contracts. The final product will be deployed to the Polygon blockchain later.

NFT Marketplace Application:
This course teaches the creation of an interactive NFT marketplace where clients can purchase NFTs using Ether. The application is built with Next JS and React JS, utilizing the Tailwind CSS framework for styling. Students will learn to integrate Web3 JS code for blockchain communication and use the Provider/Consumer concept for accessibility across components. The course also covers implementing smart contracts following the ERC721 token standard.

Additionally, students will explore data management using the SWR library and learn to store NFT metadata on Pinata (IPFS) storage. They will gather and submit data from forms, establishing the crucial link between metadata and NFT creation. The course provides comprehensive guidance on building an NFT marketplace, from setup to smart contract implementation and data handling.

The most mentionable topics covered in this application are:

Integration of Next JS with Web3 and the blockchain
Achieving reactivity using Hooks and SWR
Creation of an NFT (ERC721) smart contract
Manipulation and storage of NFT data on Pinata
Utilization of Typescript for development

Adopt Pet Application:

As an additional component, this section consolidates the knowledge you have acquired in the course and applies it to a React JS app. Hardhat is utilized for smart contract management, ensuring a clean and straightforward application architecture.

The emphasis is on minimal design and simplicity. By the end of this section, you will have the opportunity to deploy a smart contract to the Polygon blockchain.

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, etc. No config is necessary.

Ethereum is a technology that lets you send cryptocurrency to anyone, but in the first place, It also powers applications that everyone can use and no one can takedown. It’s the world’s programmable blockchain.

Solidity is an object-oriented, high-level language for implementing smart contracts. Smart contracts are programs that govern the behavior of accounts within the Ethereum state.

Pinata is a pinning service that allows users to host files on the IPFS network. The InterPlanetary File System (IPFS) is a protocol and peer-to-peer network for storing and sharing data in a distributed file system.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: New Section Added!

Lecture 3: Ask For Help

Lecture 4: How to resolve issues

Chapter 2: Setting Environment

Lecture 1: Important Note

Lecture 2: Init Project

Lecture 3: Tailwind

Lecture 4: Navbar

Lecture 5: Cleanup

Lecture 6: BaseLayout

Chapter 3: NFT Components

Lecture 1: Important! Next Js 13 Changes.

Lecture 2: Listing Page

Lecture 3: Nft Components

Lecture 4: Nft props

Lecture 5: Nft Type

Lecture 6: Display nft item values

Chapter 4: Pages and Layouts

Lecture 1: Links and create page

Lecture 2: Profile Link

Lecture 3: Active Link

Lecture 4: Create Page Layout

Lecture 5: Profile Layout

Lecture 6: Paths refactor

Chapter 5: Web3 Provider

Lecture 1: Web3Provider

Lecture 2: Planning

Lecture 3: Web3 Types

Lecture 4: Web3 State

Lecture 5: Window Ethereum

Lecture 6: Provider

Chapter 6: Ganache & Truffle

Lecture 1: Important Note – Truffle

Lecture 2: Ganache Install

Lecture 3: Base smart contract

Lecture 4: ERC721

Lecture 5: Truffle Console

Lecture 6: Load Contract

Lecture 7: Call name, symbol

Chapter 7: Web3 Hooks

Lecture 1: Use Account

Lecture 2: Hook Types

Lecture 3: Generic Types

Lecture 4: Setup Hooks

Lecture 5: Create web3 state

Lecture 6: Use Account Abstraction

Lecture 7: Recap

Chapter 8: Account Hook

Lecture 1: Conditional swr

Lecture 2: Account data

Lecture 3: Connect button

Lecture 4: Connect Type Definition

Lecture 5: Handle accounts changed

Lecture 6: Mutate account

Lecture 7: Is loading and validating

Lecture 8: Handle error when no wallet

Lecture 9: Walletbar

Lecture 10: Wallet conditionals

Chapter 9: Network Hook

Lecture 1: Use Network

Lecture 2: Network Name

Lecture 3: Network label

Lecture 4: Target network

Lecture 5: Handle Network Loading

Lecture 6: Reload on network change

Lecture 7: Handle Wallet Lock Out

Lecture 8: Fix Loading and undefined Ethereum

Chapter 10: Mint Token – Smart Contract

Lecture 1: Mint Token

Lecture 2: AI Mint Token

Lecture 3: Prepare test

Lecture 4: Mint token test

Lecture 5: TokenURI test

Lecture 6: Check if token uri exists

Lecture 7: Duplicate URI Test

Lecture 8: Create NFT item

Lecture 9: Listing Price Test

Lecture 10: NFT item test

Lecture 11: Listing price

Chapter 11: Buy NFT

Lecture 1: Buy NFT

Lecture 2: Buy NFT test

Chapter 12: Add Token to All Enumeration

Lecture 1: Add token to all enumeration

Lecture 2: AI Add token to all enumerations

Lecture 3: Test token transfers

Lecture 4: Get all nfts on sale

Lecture 5: AI get all nfts on sale

Lecture 6: Test get all listed nfts

Chapter 13: Add token to owned enumeration

Lecture 1: Add token to owner enums

Lecture 2: AI add token to owner enums

Lecture 3: Get owned Nfts

Lecture 4: Test owned Nfts

Chapter 14: Remove token from owned enums

Lecture 1: Remove token from owned enums

Lecture 2: AI Remove token from owned enums

Lecture 3: Test Remove token from owned enums

Instructors

Eincode by Filip Jerga
Online Education
Filip Jerga
Software Engineer

Rating Distribution

1 stars: 2 votes
2 stars: 6 votes
3 stars: 16 votes
4 stars: 49 votes
5 stars: 154 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu