15 промтов для создания React/Next.js приложений: готовые решения для компонентов и страниц

## Введение\n\nРазработка на React и Next.js требует не только знания хуков и роутинга, но и умения быстро генерировать качественный код. Промты для AI-инструментов (например, ChatGPT или Claude) позволяют в разы ускорить создание компонентов, страниц и бизнес-логики. В этой подборке — 15 проверенных промтов, которые я использую в реальных проектах. Каждый промт можно скопировать и адаптировать под свою задачу. Согласно опросу Stack Overflow 2025, React остаётся самым популярным фронтенд-фреймворком (42% разработчиков), а Next.js — лидером среди мета-фреймворков (рост на 25% за год). Готовые промты помогут вам не писать однотипный код вручную.\n\n## 1. Компонент кнопки с состояниями\n\nЗадача: Создать переиспользуемую кнопку с состояниями загрузки, ошибки и отключения.\n\nПромт: «Создай React-компонент Button на TypeScript с пропсами: children, variant ('primary' | 'secondary'), loading (boolean), disabled (boolean). При loading покажи спиннер и отключи клик. Используй CSS-in-JS (styled-components). Добавь анимацию нажатия через transform: scale(0.95).»\n\nПример использования:\n```tsx\nimport Button from './Button';\n<Button variant=\