How to Use Caddy To Serve Static Vite React Frontend and a Gunicorn Django Backend With Docker

:{$PORT} {
    root * /var/www/html

    encode gzip

    handle /api* {
        reverse_proxy {$CADDY_BACKEND_HOST}:{$CADDY_BACKEND_PORT}
    }

    handle {
        root * /var/www/html
        try_files {path} /index.html
        file_server
    }
}

:{$PORT} {
    root * /var/www/html

    encode gzip

    handle /api* {
        reverse_proxy {$CADDY_BACKEND_HOST}:{$CADDY_BACKEND_PORT}
    }

    handle {
        root * /var/www/html
        try_files {path} /index.html
        file_server
    }
}

FROM node:latest

WORKDIR /app

ARG VITE_SERVER_URL

COPY package.json yarn.lock ./ 
RUN yarn && yarn install 

COPY . .

# Build the application
RUN yarn build

FROM node:latest

WORKDIR /app

ARG VITE_SERVER_URL

COPY package.json yarn.lock ./ 
RUN yarn && yarn install 

COPY . .

# Build the application
RUN yarn build

    # server options
    servers {
        trusted_proxies static private_ranges # trust railway's proxy
    }

    # server options
    servers {
        trusted_proxies static private_ranges # trust railway's proxy
    }

    handle /api* {
        reverse_proxy {$CADDY_BACKEND_HOST}:{$CADDY_BACKEND_PORT}
    }

    handle /api* {
        reverse_proxy {$CADDY_BACKEND_HOST}:{$CADDY_BACKEND_PORT}
    }

FRONTEND_HOST=${{frontend.RAILWAY_PRIVATE_DOMAIN}}:${{frontend.PORT}}
BACKEND_HOST=${{django.RAILWAY_PRIVATE_DOMAIN}}:${{django.PORT}}

FRONTEND_HOST=${{frontend.RAILWAY_PRIVATE_DOMAIN}}:${{frontend.PORT}}
BACKEND_HOST=${{django.RAILWAY_PRIVATE_DOMAIN}}:${{django.PORT}}

# Caddy configuration file
{
    # debug

    # server options
    servers {
        # trust railway's proxy
        trusted_proxies static private_ranges 
    }
}


# Comment out for development
# :{$CADDY_BACKEND_PORT} {
:{$PORT} {
    
    reverse_proxy {$FRONTEND_HOST} # proxy all requests for /* to the frontend, configure this variable in the service settings

    # # the handle_path directive will strip /api/ from the path before proxying
    # # this is needed if your backend's api routes don't start with /api/
    # # change paths as needed
    # handle_path /api/* {
    #     # this strips the /api/ prefix from the uri sent to the proxy address
    #     # proxy all requests for /api/* to the backend, configure this variable in the service settings
    #     reverse_proxy {$BACKEND_HOST} 
    # }

    # configure this variable in the service settings
    reverse_proxy {$BACKEND_HOST}
}

# Caddy configuration file
{
    # debug

    # server options
    servers {
        # trust railway's proxy
        trusted_proxies static private_ranges 
    }
}


# Comment out for development
# :{$CADDY_BACKEND_PORT} {
:{$PORT} {
    
    reverse_proxy {$FRONTEND_HOST} # proxy all requests for /* to the frontend, configure this variable in the service settings

    # # the handle_path directive will strip /api/ from the path before proxying
    # # this is needed if your backend's api routes don't start with /api/
    # # change paths as needed
    # handle_path /api/* {
    #     # this strips the /api/ prefix from the uri sent to the proxy address
    #     # proxy all requests for /api/* to the backend, configure this variable in the service settings
    #     reverse_proxy {$BACKEND_HOST} 
    # }

    # configure this variable in the service settings
    reverse_proxy {$BACKEND_HOST}
}

FRONTEND_HOST=frontend.railway.internal:4173
BACKEND_HOST=backend-django.railway.internal:8000

FRONTEND_HOST=frontend.railway.internal:4173
BACKEND_HOST=backend-django.railway.internal:8000

exec python manage.py migrate & gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

exec python manage.py migrate & gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

using provided configuration

admin endpoint started

started background certificate maintenance

server running

autosaved config (load with --resume flag)

serving initial configuration

cleaning storage unit

finished cleaning storage units

using provided configuration

admin endpoint started

started background certificate maintenance

server running

autosaved config (load with --resume flag)

serving initial configuration

cleaning storage unit

finished cleaning storage units

/usr/local/lib/python3.11/site-packages/langchain/chat_models/__init__.py:31: LangChainDeprecationWarning: Importing chat models from langchain is deprecated. Importing from langchain will no longer be supported as of langchain==0.2.0. Please import from langchain-community instead:

`from langchain_community.chat_models import ChatOpenAI`.

To install langchain-community run `pip install -U langchain-community`.

warnings.warn(

Operations to perform:

Apply all migrations: Core, admin, auth, authtoken, contenttypes, sessions, token_blacklist

Running migrations:

No migrations to apply.

/usr/local/lib/python3.11/site-packages/langchain/chat_models/__init__.py:31: LangChainDeprecationWarning: Importing chat models from langchain is deprecated. Importing from langchain will no longer be supported as of langchain==0.2.0. Please import from langchain-community instead:

`from langchain_community.chat_models import ChatOpenAI`.

To install langchain-community run `pip install -U langchain-community`.

warnings.warn(

Operations to perform:

Apply all migrations: Core, admin, auth, authtoken, contenttypes, sessions, token_blacklist

Running migrations:

No migrations to apply.

FROM python:3.11.6

WORKDIR /app/django_project

COPY ./backend-django/requirements.txt ./

ADD ./rabbitmq_immersio_utils ./rabbitmq_immersio_utils

RUN pip install --no-cache-dir -r requirements.txt

COPY ./backend-django /app

# RUN apt-get install systemd && systemctl enable rabbitmq-server
WORKDIR /app/django_project

EXPOSE 8000
EXPOSE 5672
EXPOSE 15672

# We need environment variables during build time (during RUN commands)
# Therefore we use ARG

# 👇 Defined in compose
ARG RABBITMQ_HOST
ARG RABBITMQ_DEFAULT_USER
ARG RABBITMQ_DEFAULT_PASS
ARG RABBITMQ_PORT
ARG RABBITMQ_GUI_PORT

# RUN python manage.py makemigrations && python manage.py migrate

# CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]
CMD ["sh", "set_up.sh"]

FROM python:3.11.6

WORKDIR /app/django_project

COPY ./backend-django/requirements.txt ./

ADD ./rabbitmq_immersio_utils ./rabbitmq_immersio_utils

RUN pip install --no-cache-dir -r requirements.txt

COPY ./backend-django /app

# RUN apt-get install systemd && systemctl enable rabbitmq-server
WORKDIR /app/django_project

EXPOSE 8000
EXPOSE 5672
EXPOSE 15672

# We need environment variables during build time (during RUN commands)
# Therefore we use ARG

# 👇 Defined in compose
ARG RABBITMQ_HOST
ARG RABBITMQ_DEFAULT_USER
ARG RABBITMQ_DEFAULT_PASS
ARG RABBITMQ_PORT
ARG RABBITMQ_GUI_PORT

# RUN python manage.py makemigrations && python manage.py migrate

# CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"]
CMD ["sh", "set_up.sh"]

exec python manage.py migrate && gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

exec python manage.py migrate && gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

# Caddy configuration file
{
    # server options
    servers {
        # trust railway's proxy
        trusted_proxies static private_ranges 
    }
}

:{$PORT} {


    handle /api/* {
        # this strips the /api/ prefix from the uri sent to the proxy address
        # proxy all requests for /api/* to the backend, configure this variable in the service settings
        reverse_proxy {$BACKEND_HOST} 
    }

    # proxy all requests for /* to the frontend, configure this variable in the service settings
    reverse_proxy {$FRONTEND_HOST} 
}

# Caddy configuration file
{
    # server options
    servers {
        # trust railway's proxy
        trusted_proxies static private_ranges 
    }
}

:{$PORT} {


    handle /api/* {
        # this strips the /api/ prefix from the uri sent to the proxy address
        # proxy all requests for /api/* to the backend, configure this variable in the service settings
        reverse_proxy {$BACKEND_HOST} 
    }

    # proxy all requests for /* to the frontend, configure this variable in the service settings
    reverse_proxy {$FRONTEND_HOST} 
}

exec python manage.py migrate & gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

exec python manage.py migrate & gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

exec gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

exec gunicorn django_project.wsgi:application --bind [::]:${BACKEND_DJANGO_PORT} --timeout 0

[INFO] Listening at: http://[::]:8000 (7)
[7] [INFO] Using worker: sync
[8] [INFO] Booting worker with pid: 8

[INFO] Listening at: http://[::]:8000 (7)
[7] [INFO] Using worker: sync
[8] [INFO] Booting worker with pid: 8