Шаг 1: Убедитесь, что Node.js уже установлен в системе.
Шаг 2: Теперь создайте приложение Next.js с помощью следующей команды:
npx create-next-app myapp
Шаг 3: Перейдите в каталог проекта:
cd myapp
Шаг 4: Приложение Next.js инициализируется путем обновления package.json:
{
"scripts": {
"dev": "next",
"build": "next build",
"start": "next start"
}
}
create-next-app позволяет быстро начать новый проект на Next.js. Официально поддерживаемый создателями Next.js, он предлагает несколько преимуществ:
- Интерактивная настройка: Выполнение
npx create-next-app@latest
(без аргументов) запускает интерактивный процесс, который помогает вам настроить проект. - Без зависимостей: Инициализация проекта происходит очень быстро, так как Create Next App не имеет зависимостей.
- Поддержка оффлайн: Create Next App может автоматически определить оффлайн статус и загрузить ваш проект, используя локальный кэш пакетов.
- Поддержка примеров: Он может инициализировать ваше приложение с примером из коллекции примеров Next.js (например,
npx create-next-app –example api-routes
). - Полное тестирование: Как часть монорепозитория Next.js, этот пакет проходит тестирование с той же интеграционной тестовой базой, что и Next.js. Это обеспечивает согласованное и ожидаемое поведение с каждым выпуском.