#Next.js
43 entradas
Prompt para Adicionar Better Auth ao Next.js com PostgreSQL
Um prompt copiável para adicionar Better Auth e gerenciamento de sessão PostgreSQL a um projeto Next.js App Router.
Prompt para Adicionar Upload de Arquivo com Cloudflare R2
Prompt de IA para copiar e colar que adiciona URLs de upload pré-assinadas do Cloudflare R2 a um projeto Next.js App Router com validação no servidor.
Prompt para Adicionar Modo Escuro com Tailwind CSS v4
Prompt de agente de IA para adicionar modo escuro sensível ao sistema a um aplicativo Next.js usando variáveis CSS do Tailwind CSS v4 e next-themes, sem flash ao carregar.
Prompt para Adicionar Pesquisa de Texto Completo no PostgreSQL
Prompt de IA copiável para adicionar pesquisa de texto completo nativa do PostgreSQL com tsvector, índice GIN e resultados ranqueados a um aplicativo Next.js existente.
Prompt para Adicionar um Sitemap e robots.txt
Prompt de agente de IA para adicionar um sitemap.xml gerado dinamicamente e um robots.txt correto a um projeto Next.js ou Astro para melhor indexação em mecanismos de busca.
Prompt para Adicionar Stripe Checkout a um App Next.js
Prompt para agente de IA adicionar Stripe Checkout com tratamento de webhook, portal do cliente e status de assinatura a um projeto Next.js App Router.
Prompt para Construir um Diretório de Ferramentas de IA com Next.js
Prompt para agente de IA construir um diretório pesquisável de ferramentas de IA com Next.js, usando arquivos de dados MDX, filtros de categoria e geração estática.
Prompt para criar uma página de preços SaaS em Next.js
Prompt de IA copiável para criar uma página de preços SaaS em Next.js com Tailwind, alternância de cobrança e dados de plano prontos para Stripe.
Prompt para Criar um Workflow de Deploy do GitHub Actions
Prompt para agente de IA gerar um workflow CI/CD de produção do GitHub Actions para um aplicativo Next.js com etapas de type-check, teste, build e deploy.
Prompt para criar um Dashboard Administrativo em Next.js
Prompt para agente de IA construir um dashboard administrativo protegido em Next.js com tabelas de dados, guards de autenticação no servidor e layout com barra lateral usando Tailwind.
Prompt para Gerar Imagens OG no Momento da Build
Prompt para agente de IA gerar imagens Open Graph por página no momento da build em Astro ou Next.js usando Satori e sharp, sem serviço externo.
Prompt para migrar um aplicativo Next.js 14 para Next.js 16
Prompt estruturado de agente de IA para migrar um projeto Next.js 14 App Router para Next.js 16 com tratamento de mudanças de quebra e etapas incrementais.
Prompt para Refatorar um Componente React com Segurança
Prompt estruturado de agente de IA para refatorar um componente React complexo com um ciclo de leitura-auditoria-refatoração-verificação que previne regressões.
Regras do AGENTS.md para um aplicativo SaaS Next.js
Um AGENTS.md pronto para uso que mantém os agentes de codificação de IA no stack e na convenção em uma base de código SaaS Next.js.
Regras de Codificação de IA para Autenticação e Segurança
Regras do AGENTS.md para autenticação e segurança que impedem agentes de implementar criptografia personalizada, vazar segredos ou ignorar verificações de autorização.
Regras de Codificação IA para Aplicações PostgreSQL
Regras do AGENTS.md para aplicações com PostgreSQL, abrangendo segurança de consultas, disciplina de migração, convenções de indexação e prevenção de que agentes escrevam consultas N+1.
Regras de Codificação de IA para Sites de Conteúdo SEO
Regras do AGENTS.md para sites de conteúdo focados em SEO que previnem metadados duplicados, impõem dados estruturados e impedem que agentes quebrem a capacidade de rastreamento.
Regras de Codificação de IA para Performance de Sites Estáticos
Regras do AGENTS.md para performance de sites estáticos que impõem Core Web Vitals, otimização de imagens, carregamento de fontes e impedem que agentes enviem recursos que bloqueiam a renderização.
Regras de Codificação para IA em Projetos TypeScript Strict
Regras do AGENTS.md para projetos TypeScript em modo strict que eliminam tipos any, aplicam padrões de narrowing e impedem que agentes compilem código que está errado.
Regras do Claude Code para Projetos Prisma
Regras do Claude Code para projetos com Prisma ORM, abordando segurança de migrações, padrões de consulta, carregamento de relações e prevenção de corrupção do schema por agentes.
Regras do Cursor para Tailwind CSS e shadcn/ui
Regras do Cursor que aplicam convenções do Tailwind v4 e padrões de componentes shadcn/ui, evitando que agentes reinventem primitivas que já existem.
Prompt-to-PR: Adicionar Página de Preços
SOP para gerar uma página de preços de produção com alternância mensal/anual, matriz de recursos e links de Stripe Checkout em um projeto Next.js Tailwind.
Prompt-to-PR: Adicionar um Sitemap e robots.txt
SOP para adicionar um sitemap XML dinâmico e robots.txt a um projeto Next.js ou Astro — corrigir lastmod, prioridade e regras de rastreamento para SEO em produção.
Prompt-to-PR: Adicionar Tabela de Dados Administrativa
POP para adicionar uma tabela de dados administrativa paginada no servidor, ordenável e pesquisável em Next.js usando TanStack Table e consulta PostgreSQL — sem mágica de ORM.
Prompt-to-PR: Adicionar Better Auth a um App Next.js
SOP completo para integrar Better Auth a um projeto Next.js App Router — sessões, email/senha, OAuth e proteção de middleware em uma única execução.
Prompt-to-PR: Adicionar Upload de Arquivos para Cloudflare R2
SOP completa para integrar uploads R2 com URLs pré-assinadas em um app Next.js ou Cloudflare Workers — binding de bucket, URLs pré-assinadas e fluxo de upload do cliente.
Prompt-to-PR: Adicionar Modo Escuro
SOP completa para adicionar modo escuro sem cintilação a um aplicativo Next.js Tailwind usando next-themes — estratégia de classe, preferência do sistema e alternância persistida.
Prompt-para-PR: Adicionar Pesquisa de Texto Completo no PostgreSQL
POP para adicionar pesquisa de texto completo nativa do PostgreSQL com tsvector, índice GIN, ts_rank e uma API de busca Next.js — sem necessidade de serviço de terceiros.
Prompt-to-PR: Migrar Next.js 14 para 16
SOP passo a passo para migrar um projeto Next.js 14 App Router para Next.js 16 — Turbopack, React 19, APIs assíncronas e mudanças de cache abordados.
Checklist para Revisão de Rotas de API Geradas por IA
Uma checklist de revisão humana para rotas de API REST e RPC escritas por agentes de codificação de IA — autenticação, validação de entrada, limitação de taxa e tratamento de erros.
Checklist para Revisão de Código de Autenticação Gerado por IA
Uma checklist de revisão humana para código de autenticação escrito por agentes de codificação de IA — sessões, JWTs, fluxos OAuth e lógica de autorização para aplicações web.
Checklist para Revisar Código Next.js Gerado por IA
Uma checklist de revisão humana para código Next.js escrito por agentes de IA — App Router, Server Components, busca de dados e correção de implantação.
Checklist para Revisão de Páginas de SEO Geradas por IA
Uma checklist de revisão humana para páginas direcionadas a SEO escritas por agentes de codificação de IA — metadados, dados estruturados, URLs canônicas e Core Web Vitals para Astro e Next.js.
Checklist para Revisão de Código Stripe Gerado por IA
Uma checklist de revisão humana para código de integração Stripe escrito por agentes de codificação de IA — segurança de webhooks, idempotência, condições de corrida e fluxos de pagamento.
Checklist para Revisão de UI Tailwind Gerada por IA
Uma checklist de revisão humana para componentes de UI Tailwind CSS escritos por agentes de codificação de IA — acessibilidade, responsividade, modo escuro e segurança de purge.
Como Corrigir Incompatibilidades de Hidratação React Causadas por IA
Agentes de IA geram componentes React que renderizam HTML diferente no servidor e no cliente, causando erros de hidratação e UI quebrada no primeiro carregamento.
Como Corrigir o Esquecimento de Validação de Variáveis de Ambiente pela IA
Agentes de IA leem valores de process.env diretamente sem validação, causando bugs silenciosos de undefined e erros de inicialização ausentes quando variáveis de ambiente estão faltando.
Como Corrigir a IA Que Ignora Metadados SEO
Agentes de IA geram páginas Next.js e Astro sem tags de título, metadados Open Graph ou URLs canônicas, resultando em páginas invisíveis para motores de busca e rastreadores sociais.
Como Corrigir o Uso Excessivo de useEffect por IAs
Agentes de IA recorrem ao useEffect para lidar com estado derivado, transformações de eventos e busca de dados que deveriam usar useMemo, manipuladores de eventos ou Server Components.
Como Corrigir IA Colocando Código de Servidor em Componentes do Cliente
Agentes de IA vazam consultas de banco de dados, variáveis de ambiente secretas e APIs Node.js para componentes 'use client', expondo lógica exclusiva do servidor ao bundle do navegador.
Como Corrigir Agentes de Código de IA Usando APIs Desatualizadas do Next.js
Agentes de IA frequentemente geram código Next.js usando padrões obsoletos do Pages Router, getServerSideProps e APIs removidas que quebram projetos App Router.
Next.js SaaS Starter — Pacote de Contexto
Pacote de contexto copiável para um aplicativo SaaS Next.js com App Router, Better Auth, faturamento Stripe e Postgres para que seu agente de IA funcione corretamente desde o primeiro prompt.
Aplicativo de Pesquisa PostgreSQL — Pacote de Contexto
Pacote de contexto copiável para um aplicativo de pesquisa de texto completo e vetorial apoiado por PostgreSQL com pgvector, para que seu agente de IA escreva código SQL e de migração correto desde o início.