# nextjs-scaffold

Разворачивает каркас приложения Next.js с готовой структурой папок, App Router, правилами ESLint и базовой защитой.

- команда · `type=command` · Claude Code · 334 установки
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/nextjs-vercel/nextjs-scaffold.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/nextjs-scaffold

## Что делает

Команда анализирует рабочую папку и проверяет версии Node.js и npm. Дальше она создаёт каркас Next.js с App Router. Внутрь попадают заготовки `layout.tsx` и `page.tsx` с подключением шрифта Inter.

Конфигурационный файл `next.config.js` получает заголовки `X-Frame-Options` и `X-Content-Type-Options`. Туда же добавляется оптимизация картинок для форматов WebP и AVIF. При передаче флагов шаблон настраивает TypeScript и Tailwind CSS.

В системе обязательно нужны Node.js и npm. После генерации шаблон сразу запускает сборку `npm run build` и валидацию типов через `tsc --noEmit`.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command nextjs-vercel/nextjs-scaffold
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/nextjs-scaffold.md` — Вызов — /nextjs-scaffold. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/nextjs-scaffold.md` — Вызов — /prompts:nextjs-scaffold. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/nextjs-scaffold.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/nextjs-scaffold.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/nextjs-vercel/nextjs-scaffold.md

## Когда брать
- сгенерировать файловую структуру проекта Next.js с App Router
- прописать базовые заголовки безопасности и правила оптимизации картинок
- подключить конфигурации TypeScript, Tailwind CSS и ESLint
- подготовить шаблоны переменных окружения `.env.local` и `.env.example`

## Примеры запросов агенту
- /nextjs-scaffold `my-portal --typescript --tailwind --app-router`
- /nextjs-scaffold `landing-page --tailwind`
- /nextjs-scaffold `internal-tool --typescript`

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 495 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md