Как деплоить сайт на Next.js на Linux VPS

Опубликовано: 27 Октябрь 2024
на канале: DigitalBerd
1,031
36

В видео рассматриваются варианты деплоя сайта на Next.js на своём VPS сервере.
#Next.js #Deploy #Docker #Деплой

Ссылка на репозиторий с кодом проекта:
https://github.com/berd90/test_nextjs...

Таймкоды:
00:00 - Как выглядит приложение
03:40 - Билдим приложение
04:02 - Перекидываем файлы на сервер
06:30 - Устанавливаем Node.js на сервер
08:00 - Устанавливаем NVM - чтобы установить Node нужной версии
10:40 - Устанавливаем модули
11:15 - Запускаем Next.js сайт на VPS сервере
11:15 - Билдим Next.js сайт на VPS сервере
12:40 - Как правильно развернуть Next.js на сервере
12:40 - Как правильно развернуть Next.js на сервере
15:50 - используем pm2
19:35 - Docker
26:55 - Добавляем доменное имя для сайта
28:00 - Настраиваем маршрутизацию до порта через Apache
32:10 - SSL certbot


Установка npm
apt update
apt install npm

Установка nvm
curl https:// raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh --output install.sh
(удалить пробел после //)
bash install.sh

Посмотреть версию ноды и установить её через nvm
node -v
nvm install 18.18.0

Установка pm2:
npm install pm2 -g

Запускаем pm2:
pm2 start npm --name "next_test" -- run start -- --port=3010
pm2 save
pm2 list

Docker
Создаём Image
docker build --tag next_test_image .
docker build --tag next_test_image --file /var/www/next_test/Dockerfile /var/www/next_test/

смотрим список images: docker images

Запускаем контейнер:
docker run --name next_test_container -d -t -p 3010:3010 next_test_image
docker container ls

Удаление контейнера и образа (если нужно будет)
rm -f next_test_container
image rm -f next_test_image

Добавление маршрута в apache:
a2ensite next.zapiska.online
systemctl reload apache2