Как настроить развертывание приложения Next.js с использованием docker-compose?

Question

Алекс

docker , nextjs

Как настроить развертывание приложения Next.js с использованием docker-compose?

Как настроить развертывание Next.js в docker-compose так, чтобы server-side часть приложения видела сервер по адресу app:4040, а client-side часть видела сервер по адресу localhost:4040? Имеется готовое приложение на Next.js 14 с app директорией, и сервер в отдельном контейнере с названием app. При этом возникают проблемы с обращением к ресурсам, так как адреса localhost:4040 и localhost:3000 не работают корректно. Как настроить docker-compose для решения данной проблемы?

18 декабря 2023 г. 19:37

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для настройки развертывания Next.js приложения с использованием docker-compose и обращения к серверу из разных частей приложения по разным адресам, вам понадобится следующий конфигурационный файл docker-compose.yml:

```yaml
version: '3'
services:
  app:
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - "4040:4040"
    environment:
      - NEXT_PUBLIC_SERVER_URL=app:4040

  server:
    build:
      context: ./server
      dockerfile: Dockerfile
    ports:
      - "4040:4040"
```

В данном примере предполагается, что ваша структура проекта имеет следующий вид:

```
- app/
  - pages/
  - ...
- server/
  - ...
- Dockerfile
- docker-compose.yml
```

Важные моменты:

- В данном примере используется переменная окружения `NEXT_PUBLIC_SERVER_URL` в файле .env, чтобы задать адрес сервера, доступный для клиентской части приложения.

- Образ для серверной части приложения должен быть задан в отдельном Dockerfile, который настроен для сборки и запуска сервера приложения.

- Порт `4040` используется как внешний и внутренний порт для контейнера, поэтому обращение к серверу через `app:4040` будет работать как из контейнера, так и с хостовой машины.

После настройки файлов Dockerfile и docker-compose.yml, вы можете запустить приложение с помощью команды `docker-compose up`.