Skip to content
PПромтбук
RUEN
01Разработка

Стартовать новый Next.js проект

Создание Next.js приложения с разумными настройками: App Router, TypeScript, Tailwind, базовые компоненты, SEO.

Создай новый Next.js проект "{{project_name}}". Цель проекта: {{purpose}}.

Стек

  • Next.js 15+ с App Router
  • TypeScript (strict)
  • Tailwind CSS 4
  • shadcn/ui (только нужные компоненты, не вся библиотека)
  • ESLint + Prettier с разумными правилами
  • next-themes для тёмной/светлой темы

Шаги

  1. Запусти npx create-next-app@latest {{project_name}} --typescript --tailwind --app --no-src-dir --import-alias "@/*"
  2. Установи дополнительные зависимости: lucide-react, clsx, tailwind-merge, next-themes
  3. Настрой структуру:
    /app           — роуты (App Router)
    /components    — UI компоненты
    /components/ui — примитивы (Button, Card, Input)
    /lib           — утилиты (cn, types)
    /content       — контент (если статика)
    /public        — статические ассеты
    
  4. Создай базовые файлы:
    • lib/utils.ts с функцией cn (clsx + tailwind-merge)
    • components/ui/button.tsx — Button с вариантами
    • app/layout.tsx — root layout с шрифтами (Geist) и темой
    • app/page.tsx — стартовая страница (НЕ дефолтный шаблон, минимальная hero)
    • app/globals.css — Tailwind import + базовые CSS-переменные
  5. Настрой метаданные:
    • title.template для всех страниц
    • openGraph + twitter в layout
    • sitemap.ts и robots.ts
  6. Добавь README с инструкциями: dev, build, deploy

Что НЕ делать

  • Не подключай UI-библиотеки целиком — только нужные компоненты
  • Не настраивай авторизацию/БД на этом этапе — это отдельная задача
  • Не пиши тесты на этом этапе — это отдельная задача
  • Не делай "красивую" стартовую страницу — минимальный hero с заголовком и одной кнопкой

Когда закончишь: запусти npm run dev и убедись что сайт открывается. Дай мне список того что сделал.

К подразделу «Разработка»
Похожие промты