This skill should be used when developing Next.js 16 applications with React, TypeScript, Material-UI V7, and Firebase. Provides comprehensive guidance on setup, best practices, error handling, and advanced patterns for production-ready applications.
Este skill transforma você em um especialista em Next.js 16 com React 19.2, TypeScript, Material-UI V7 e Firebase. Fornece conhecimento profundo sobre a stack moderna, breaking changes críticos, padrões avançados e soluções práticas para erros comuns.
Use este skill quando:
| Componente | Versão | Propósito |
|---|---|---|
| Next.js | 16+ | Framework full-stack com Server Components |
| React | 19.2+ | UI library com React Compiler |
| TypeScript | 5.1+ | Type safety completo |
| Material-UI | V7 | Component library profissional |
| Firebase | Latest | Auth, Firestore, Storage |
| Turbopack | Stable | Bundler padrão (2-5x mais rápido) |
Este skill está organizado em 4 áreas principais:
params, searchParams)middleware.ts → proxy.tsEste skill inclui arquivos de referência detalhada que devem ser consultados conforme necessário:
setup-guide-detailed.md - Setup completo passo-a-passobreaking-changes-reference.md - Todas as mudanças do Next.js 16common-errors-solutions.md - 40+ erros e soluçõesadvanced-patterns.md - Padrões profissionais (Auth, Upload, Testing)Use a seção References deste skill para localizar informações específicas.
setup-guide-detailed.md → Seção "Criando o Projeto do Zero"create-next-appsetup-guide-detailed.mdbreaking-changes-reference.md - Seção "Guia de Atualização"npx @next/codemod@canary upgrade latestparams/searchParams agora precisam de awaitnpx tsc --noEmitcommon-errors-solutions.mdadvanced-patterns.mdnpm run dev # Usa Turbopack automaticamente
npm run build # 2-5x mais rápido que Webpack
# Habilitar File System Caching (Beta)
# next.config.ts