Is that because Next.js first pre-renders on the server and then after rendering sends requests from the browser, so it initially cannot talk to the localhost?

services:
  # Backend service for Laravel
  project_back:
    build:
      context: ./projectBack
      dockerfile: Dockerfile
    container_name: laravel_app
    working_dir: /var/www
    volumes:
      
./projectBack:/var/www
  environment:
DB_HOST=postxgres
DB_PORT=xxx
DB_DATABASE=xxxx
DB_USERNAME=xxx
DB_PASSWORD=xxxx
networks:
laravel_network
depends_on:
postgres

  # Frontend service
  project_front:
    build:
      context: ./projectFront
      dockerfile: Dockerfile
    container_name: nextjs_frontend
    ports:
      
"3000:3000"
  env_file:
./projectFront/.env
volumes:
./projectFront:/app
networks:
laravel_network
depends_on:
project_back

  # PostgreSQL service
  postgres:
    image: postgres:13
    container_name: postgres_db
    environment:
      POSTGRES_USER: xxx
      POSTGRES_PASSWORD: xxx
      POSTGRES_DB: xxx
    ports:
      
"5432:5432"
  volumes:
pgdata:/var/lib/postgresql/data
networks:
laravel_network

  # Nginx to serve the Laravel application
  nginx:
    image: nginx:alpine
    container_name: nginx_web
    working_dir: /var/www
    volumes:
      
./projectBack:/var/www
./nginx.conf:/etc/nginx/conf.d/default.conf
ports:
"8000:80"
networks:
laravel_network
depends_on:
project_back

networks:
  laravel_network:
    driver: bridge

volumes:
  pgdata:
    driver: local