Medialane
FeaturesPricingDocsConnect
Medialane

Permissionless IP infrastructure on Starknet. One REST API for orders, metadata, collections, and activities.

Platform

  • Features
  • Pricing
  • Docs
  • API Reference
  • SDK

Community

  • Connect
  • Changelog
  • Workshop
  • DAO ↗

Legal

  • Terms
  • Privacy

© 2026 Medialane. All rights reserved. · Powered by Starknet

    Build on Medialane

    Get your free API key and start querying Starknet IP data

    Workshop Gratuito

    Da Web 2 para Web 3
    em 1 hora

    Transforme qualquer app em uma plataforma web3 de forma simples e rápida com o ecossistema Starknet.

    Apresentado por
    Starknet
    Chipipay
    Medialane

    Guia do Desenvolvedor

    Da Web 2 para a Web 3 em 1 hora

    Este guia fornece um fluxo de trabalho estruturado para desenvolvedores criarem um aplicativo Web 3 na Starknet sem complicações.

    01

    Configuração do ambiente

    Prepare sua máquina local com o conjunto de ferramentas de desenvolvimento Starknet. (Scarb, Foundry, ASDF).

    Instale o Starkup: Script automatizado para configurar o ambiente.

    curl --proto '=https' --tlsv1.2 -sSf https://sh.starkup.sh | sh

    Verificar Instalação

    scarb -v
    snforge --version
    02

    Prototipagem de Front-end

    Gere uma UI moderna rapidamente com IA para focar na lógica Web3.

    Use o v0.dev para gerar o frontend Next.js inicial.

    Prompt Sugerido

    "Projetar e implementar um frontend moderno, responsivo e funcional para o dApp de Mint de NFT. Este aplicativo é destinado para o lançamento de uma coleção de NFTs onde cada usuário pode realizar o mint de uma NFT. O escopo desta fase é exclusivamente frontend. O aplicativo deve funcionar inteiramente usando dados simulados para reproduzir interações reais com blockchain. A estrutura final deve estar pronta para produção, para posterior integração com protocolos de backend/blockchain. Funcionalidades Necessárias: 1. Configuração do Framework: Utilize Next.js, Tailwind CSS e componentes de UI/UX Shadcn para desenvolvimento rápido e de alta qualidade. 2. Responsividade: O design deve ser totalmente responsivo e otimizado para visualização em desktops e dispositivos móveis. 3. Estética: O design deve ser minimalista, limpo, confiável e futurista. Utilize o componente de tema shadcn para oferecer os modos claro e escuro. 4. Geração de Dados de Mockup: Todos os dados para o aplicativo devem ser gerados como dados de mockup estáticos. Tarefa: Crie uma estrutura de pastas dedicada: src/lib/mock-data/ 5. Código Final e Documentação: O código final entregue deve ser limpo, modular e bem organizado, refletindo as melhores práticas para desenvolvimento frontend moderno. A lógica para buscar e exibir os dados de mockup deve estar claramente separada dos componentes da interface do usuário."

    Rodar Localmente

    npm install
    npm run dev
    03

    Identidade e Autenticação

    Elimine a fricção de carteiras com login social via Clerk.

    Configure o Clerk para autenticação (Google, Email) e adicione o middleware.

    npm install @clerk/nextjs

    Configuração do Middleware

    Utilize o Guia Clerk e crie um arquivo com conteúdo padrão em src/middleware.ts
    04

    Chipipay SDK

    Configure o Chipipay SDK para experiência web3.

    1. Instale o SDK:

    npm install @chipi-stack/nextjs

    Configure Chipipay API Keys (.env)

    NEXT_PUBLIC_CHIPI_API_KEY=pk_prod_xxxx

    Configuração do Provider (layout.tsx)

    Importe e envolva seu aplicativo com o componente ChipiProvider.
    05

    Implantação em Produção

    Faça o deploy com todas as integrações.

    Variáveis de Ambiente (.env)

    NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
    CLERK_SECRET_KEY
    NEXT_PUBLIC_CHIPI_API_KEY

    Adicione as chaves acima e sincronize seu repo GitHub com a Vercel (ou outra plataforma de deploy).

    Links

    Workshop Youtube
    Documentação Starknet
    Chipipay SDK Guide
    Starknet.js GitHub
    Starkup Toolchain
    Clerk SDK Docs

    Dúvidas?