Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Crie OpenSea App na Blockchain Ethereum com Web3.0 e Next.js
Highest Rated
Rating: 4.5 out of 5(19 ratings)
706 students

Crie OpenSea App na Blockchain Ethereum com Web3.0 e Next.js

Construa seu Clone da OpenSea App para a sua coleção de NFT's usando Sanity, Thirdweb, TailwindCSS e Next.js
Created byCrypto Code
Last updated 10/2024
Portuguese

What you'll learn

  • Criar Nft's e Aplicativo sobre sua Coleção de Nft's
  • Aprender a usar Thirdweb
  • Usar Next JS para seu App
  • Criar Clone do OpenSea

Course content

4 sections50 lectures4h 55m total length
  • Introdução3:49
  • Inicialização do Sanity p/ Base de Dados!4:29

    Após copiar o schema.js vá em frente e rode 'sanity start' no terminal, dentro do folder studio,  e veja como ficou o Banco de Dados!

  • Setup Metamask!3:33
  • (Extra) => Setup Metamask! Aula de Revisão9:12
  • MarketPlace no Thirdweb8:13
  • Mintando no Thirdweb6:18
  • Criando o Header5:49
  • Importando Logo da OpenSea5:03
  • Criando Campo de Pesquisa!5:15
  • Terminando Campo de Pesquisa!7:17
  • Items no Header4:15
  • Linkando item Collections9:56
  • Mintando no Thirdweb Parte 27:46

Requirements

  • Conhecimento básico em Javascript e Next JS

Description

Neste treinamento, você construirá o clone do aplicativo Opensea Blockchain Web 3.0 usando Next JS, Sanity, Thirdweb, Tailwind CSS.

O que você receberá nesse treinamento:


? Construindo um aplicativo Web 3.0 com o Next JS

? Estilizando seu aplicativo usando componentes com estilo

? Crie seus próprios tokens NFT usando o thirdweb SDK

? Adicionando autenticação Web 3.0 usando Metamask

? Armazenando dados e informações sobre os tokens que você criou no Sanity

? Usando GROQ para recuperar dados do Sanity Studio e exibi-los em seu aplicativo Web 3.0

? Criando uma funcionalidade de envio e recebimento para seus NFTs no Blockchain Ethereum


Grade Curricular:

  • Introdução

  • Configurando o NextJS

  • Adicionar barra de navegação

  • Adicionar herói

  • Configurar autenticação de metamask com NextJS

  • Criar página de coleção NFT

  • Adicionar página de detalhes NFT

  • Configure a compra da listagem direta de NFT's usando NextJS e Thirdweb

Sobre as tencnologias:

Thirdweb

Ferramenta para a criação de aplicativos web3 de maneira automatizada. Implementação de recursos web3 para desenvolvedores. Geração de  NFTs sem código. — Ethereum, Polygon, Avalanche e muito mais.

Opensea

Um mercado livre de taxas para NFTs no Polygon. Criação, compra, venda e leilão de NFTs na blockchain Polygon sem pagar nenhuma taxa de gás.

Metamask


MetaMask é uma carteira de criptomoeda de software usada para interagir com o blockchain Ethereum. Ele permite que os usuários acessem sua carteira Ethereum por meio de uma extensão do navegador ou aplicativo móvel, que pode então ser usado para interagir com aplicativos


A carteira permitirá que o usuário pague o gás e o preço de venda para mintar uma NFT de nossa coleção no ThirdWeb

Presumimos que você já tenha a extensão de carteira Metamask instalada em seu navegador. Se você fizer isso, o Metamask injeta um objeto ethereum no objeto de janela global do seu navegador. Estaremos acessando window.ethereum para executar a maior parte de nossa funcionalidade pelo ThirdWeb

Há muitos benefícios na utilização dos NFTs. Mas aqui vamos destacar a oportunidade de fazer contato de negócios com diversas pessoas do mundo inteiro, já que as vendas são feitas totalmente online.

Além disso, outro benefício é que o ativo digital é uma peça única e, por isso, pode se valorizar ainda mais com o passar dos anos.



Who this course is for:

  • Iniciantes em Nft's
  • Iniciantes em Javascript e Next JS