React Native
React Native + Expo + Metro + Implementação Nativa: Guia Completo
Uma explicação completa do que acontece sob o capô do React Native — de Metro, JSI, Codegen e Expo até a implementação nativa para áreas não cobertas pelo SDK do Expo.
Back to Home
Blog
Technical blog posts about web development, AI integration, and modern frontend technologies.
Topics
Timeline
AWS
Como usar no CloudFront um domínio registrado no Amazon Route 53
Este artigo explica como configurar um domínio registrado no Amazon Route 53 como domínio personalizado do CloudFront. Ele cobre a emissão de um certificado ACM, a criação de registros de alias A/AAAA no Route 53 e uma configuração em que o domínio principal e um subdomínio são atribuídos a distribuições separadas.
AI
Desenvolvimento de apps móveis com agentes de código de IA: nativo vs cross-platform
Comparação entre nativo (Swift/Kotlin), Flutter e React Native partindo da premissa de que agentes como Claude Code, GitHub Copilot e Cursor têm papel central no desenvolvimento. Analisa a realidade das implementações híbridas e sua adequação ao desenvolvimento orientado por IA.
Three.js
STELLAR EPOCH: APHELION — Um Jogo Espacial Incremental Gratuito para Navegador
Jogo espacial incremental gratuito para navegador STELLAR EPOCH: APHELION. Sem instalação, jogue no celular ou PC, com eventos dinâmicos e um final de verdade.
OpenAI
OpenAI API: Guia de Especificação e Implementação da Responses API e Structured Outputs
Guia da Responses API e Structured Outputs da OpenAI para 2025. Gerenciamento de estado no servidor, ferramentas MCP integradas e conformidade de 100% com o esquema nas saídas do modelo.
WebLLM
Executando LLMs no Navegador — Um Guia Completo sobre WebLLM
Guia sobre WebLLM: executando LLMs no navegador com WebGPU, WebAssembly e Web Workers. Cobre arquitetura, benchmarks, modelos suportados e implementação.
draw.io
Gerando Automaticamente Diagramas de Arquitetura AWS a partir de Templates SAM com o draw.io MCP
Um guia prático para gerar diagramas de arquitetura AWS a partir de templates SAM usando o servidor MCP do draw.io e a extensão Draw.io Integration do VS Code.
Spec-Driven Development
Comparando Ambientes de Desenvolvimento Orientado a Especificações (SDD): SpecKit vs Kiro
Comparando duas abordagens de SDD: VSCode + GitHub Copilot + SpecKit vs Kiro IDE. Cobre configuração, fluxos de trabalho, documentos gerados e recomendações de caso de uso.
GitHub Actions
Deploy na AWS a partir do GitHub Actions com Autenticação OIDC
Configure a autenticação OIDC entre GitHub Actions e AWS. Cobre provedores de identidade IAM, políticas de confiança e pipelines CI/CD seguros para S3, ECS e SAM.
React
Criando um Video Chain Player Compartilhável por URL com Vite + React (Sincronização de Estado / i18n / Deploy na AWS)
Video Chain Player: encadeie segmentos de vídeo e compartilhe via URL. Desenvolvido com Vite + React 18, cobrindo sincronização de estado por URL, i18n e deploy na AWS com OIDC.
GitHub Copilot
Personalizando o GitHub Copilot no VS Code
Personalização do GitHub Copilot no VS Code: Custom Instructions, Prompt Files, Custom Agents, Agent Skills e integração com servidores MCP com exemplos práticos de código.
AI
Configurando um Ambiente de Modelagem 3D com IA Integrando VSCode e Blender com MCP
Configure modelagem 3D com IA usando VSCode + Blender via MCP: instale uv, configure o servidor MCP, adicione o add-on do Blender e use linguagem natural para controlar o Blender.
Next.js
Lançamento do Own Info App — App Minimalista com Next.js (SSG) × S3 × CloudFront
App multilíngue com Next.js 15 SSG no S3 + CloudFront. Exibe informações de rede/dispositivo com cópia/compartilhamento, reescrita de URL no CloudFront e pipeline de CI/CD com GitHub Actions.
Next.js
Refatorando o Gerenciamento de Estado com Next.js × Zustand
Refatoração do gerenciamento de estado no Next.js 15 com Zustand: padrão de slices, bounded stores, persistência de sessão, cache com TTL e mecanismos de retry.
Next.js
Arquitetura Multilíngue com Next.js App Router + Static Export
Arquitetura de exportação estática multilíngue com Next.js 15 usando React Context para i18n, SSG com detecção de idioma no cliente para melhor UX.