Рубрики
Uncategorized

Развертывание приложения next.js с AWS Amplify

На этой неделе AWS Amplify объявлена поддержка для развертывания приложений Next.js SSR, которые долгождались … Tagged с AWS, NextJS, React, DevOps.

На этой неделе AWS Amplify объявила поддержку для развертывания приложений Next.js SSR, что было долгожданной функцией. Вы можете прочитать объявление Здесь Анкет

Следующее приложение

Для целей настоящего Руководства мы развернем базовый каркас приложений, предоставленные create-next-app

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

Поскольку мы будем использовать Amplify, нам сначала нужно пройти процесс установки и настройки. Мы можем выяснить, как это сделать, следуя официальные документы .

Создание проекта Amplify

После того, как мы настраивались, мы можем продолжить и создать проект. Мы можем достичь этого, запустив Amplify Init

Нам нужно будет создать имя для нашего проекта, и профиль для использования, и Amplify раскроет все ресурсы, которые нам понадобятся.

Zero Config Deploy

Amplify предоставляет нулевое развертывание конфигурации, аналогичное Vercel, которое позволяет нам подключить поставщика GIT к использованию для нашего развертывания. Чтобы начать, мы можем пойти в Amplify Console и выберите Host Web App.

Выберите провайдера GIT

Теперь мы можем выбрать нашего предпочтительного поставщика GIT, такого как GitHub для этого примера.

Добавить филиал репо

После выбора нашего желаемого провайдера GIT мы можем выбрать, из какой филиала мы хотели бы развернуть.

Настройте настройки сборки

После выбора филиала мы теперь можем настроить наши настройки сборки, по большей части нам не нужно будет изменять эту конфигурацию, поскольку Amplify позаботится об этом для нас.

Рассмотрение

Теперь мы можем просмотреть, что все выглядит правильно, прежде чем запустить развертывание.

Проверьте развертывание

Наконец, мы можем увидеть начало развертывания, и через несколько минут наш сайт будет вживую!

Вывод

Благодаря Amplify мы теперь можем развернуть приложение Next.js SSR на AWS с относительно низкими усилиями. Дайте мне знать, что вы думаете об этой новой функции!

Оригинал: «https://dev.to/aws-builders/deploying-a-next-js-app-with-aws-amplify-3bdc»