# Scaffold Next.js Component

> Criar a estrutura base de componentes Next.js seguindo as melhores práticas

- Fonte: https://doutorai.pt/componentes/commands__davepoon-subagents__commands-scaffold
- Tipo: Comandos
- Categoria: Geral
- Downloads: 0
- Site: Doutor AI (https://doutorai.pt) - ferramentas de IA para pequenos negócios em português

Componente da comunidade open-source, selecionado, traduzido e adaptado pelo Doutor AI.

## Para que serve e como usar

Um **comando /slash** pronto a usar que executa um fluxo de trabalho de geral num só passo.

1. Instale o comando (comando acima).
2. No Claude Code escreva "/" seguido do nome do comando.
3. Siga as instruções que o comando pede e deixe-o correr.

## Instalar (Claude Code)

```bash
mkdir -p .claude/commands && curl -fsSL https://doutorai.pt/data/lib/commands__davepoon-subagents__commands-scaffold.md -o .claude/commands/davepoon-subagents__commands-scaffold.md
```

Cole este comando no terminal, na pasta do seu projeto, e o componente é instalado automaticamente.

## Conteúdo

```
---
description: Scaffold Next.js components following best practices
allowed-tools:
  - Read
  - Write
  - Glob
  - Grep
  - Skill
  - AskUserQuestion
---

# Scaffold Next.js Component

You are scaffolding a Next.js component or page following App Router best practices.

## Workflow

### Step 1: Gather Requirements

Ask the user what they want to scaffold:
- **Page**: A new route with page.tsx
- **Layout**: A shared layout for routes
- **Server Component**: A data-fetching component
- **Client Component**: An interactive component
- **API Route**: A route handler
- **Server Action**: A mutati

- 🔒 Conteúdo completo no plano Pro (7,99€/mês) -
```

## Componentes relacionados

- [act](https://doutorai.pt/componentes/commands__act): Executar GitHub Actions localmente usando o act
- [add-authentication-system](https://doutorai.pt/componentes/commands__add-authentication-system): Implementar um sistema seguro de autenticação de utilizadores com o método escolhido e as melhores práticas de segurança
- [add-changelog](https://doutorai.pt/componentes/commands__add-changelog): Gerar e manter o changelog do projeto com o formato Keep a Changelog
- [add-mutation-testing](https://doutorai.pt/componentes/commands__add-mutation-testing): Configurar testes de mutação abrangentes com seleção de framework e integração CI
- [add-package](https://doutorai.pt/componentes/commands__add-package): Adicionar e configurar um novo pacote ao workspace com a estrutura e dependências adequadas
- [add-performance-monitoring](https://doutorai.pt/componentes/commands__add-performance-monitoring): Configurar monitorização abrangente de desempenho de aplicações com métricas, alertas e observabilidade

## Poupe horas todas as semanas com IA, sem complicações

O **Doutor AI** dá-lhe 1859 prompts de IA prontos a copiar, por indústria e em português simples - mais uma biblioteca técnica completa para quem quer ir mais longe. [Ver planos →](https://doutorai.pt/precos)

---
Conteúdo de Doutor AI (https://doutorai.pt). Ao citar, indique a fonte: https://doutorai.pt/componentes/commands__davepoon-subagents__commands-scaffold