Transforme qualquer app em uma plataforma web3 de forma simples e rápida com o ecossistema Starknet.
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.
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.
Verificar Instalação
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
Elimine a fricção de carteiras com login social via Clerk.
Configure o Clerk para autenticação (Google, Email) e adicione o middleware.
Configuração do Middleware
Configure o Chipipay SDK para experiência web3.
1. Instale o SDK:
Configure Chipipay API Keys (.env)
Configuração do Provider (layout.tsx)
Faça o deploy com todas as integrações.
Variáveis de Ambiente (.env)
Adicione as chaves acima e sincronize seu repo GitHub com a Vercel (ou outra plataforma de deploy).