Развертывание на Vercel

Самый простой способ развернуть Next.js в продакшене — использовать платформу Vercel, разработанную создателями Next.js.

Vercel — это бессерверная платформа для статических и гибридных приложений, созданная для интеграции с вашими headless-системами контента, коммерции или базами данных. Мы упрощаем фронтенд-командам разработку, предпросмотр и доставку приятных пользовательских интерфейсов, где производительность включена по умолчанию. Вы можете начать использовать её бесплатно — без необходимости вводить данные кредитной карты.

Создание аккаунта Vercel

Сначала перейдите на Vercel, чтобы создать аккаунт. Выберите Continue with GitHub и пройдите процесс регистрации.

Импорт вашего репозитория nextjs-blog

После регистрации импортируйте ваш репозиторий nextjs-blog в Vercel. Это можно сделать здесь: Vercel.

• Вам потребуется установить Vercel для GitHub. Вы можете предоставить доступ ко всем репозиториям.
• После установки Vercel импортируйте nextjs-blog.

Вы можете использовать значения по умолчанию для следующих настроек — ничего менять не нужно. Vercel автоматически определяет, что у вас приложение Next.js, и выбирает оптимальные настройки сборки.

• Имя проекта
• Корневая директория
• Команда сборки
• Директория выходных файлов
• Команда разработки

При развертывании ваше Next.js-приложение начнёт собираться. Обычно это занимает меньше минуты.

Помощь доступна: Если развертывание завершилось неудачно, вы всегда можете получить помощь на GitHub Discussions. Чтобы узнать больше о развертывании, ознакомьтесь с нашей документацией.

Когда сборка завершится, вы получите URL-адреса развертывания. Перейдите по одному из них, и вы увидите стартовую страницу Next.js вживую.

Поздравляем! Вы только что развернули своё Next.js-приложение в продакшене. На следующей странице мы подробнее рассмотрим Vercel и рекомендуемый рабочий процесс.