Настройка нового приложения Next.js

Сначала убедимся, что ваша среда разработки готова.

• Если у вас не установлен Node.js, установите его отсюда. Вам понадобится Node.js версии 18 или выше.
• В этом руководстве вы будете использовать собственный текстовый редактор и терминал.

Если вы работаете на Windows, мы рекомендуем скачать Git для Windows и использовать Git Bash, который входит в его состав, так как он поддерживает UNIX-специфичные команды из этого руководства. Другой вариант — Windows Subsystem for Linux (WSL).

Создание приложения Next.js

Чтобы создать приложение Next.js, откройте терминал, перейдите (cd) в директорию, где вы хотите создать приложение, и выполните следующую команду:

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"

Под капотом эта команда использует инструмент create-next-app, который создаёт заготовку приложения Next.js. Она использует этот шаблон через флаг --example.

Если команда не работает, ознакомьтесь с этой страницей.

Запуск сервера разработки

Теперь у вас есть новая директория nextjs-blog. Перейдём в неё:

cd nextjs-blog

Затем выполните следующую команду:

npm run dev

Это запустит "сервер разработки" вашего приложения Next.js (подробнее об этом позже) на порту 3000.

Проверим, работает ли он. Откройте http://localhost:3000 в браузере.