How to set up a docker project with django and next

With django(backend) and NextJS (frontend) I wonder how to set up my nginx file so it can serve both django and NextJs from the same digitalocean IP.

I have a project with

my project

• Backend (django code)
• Frontend (NextJS code)
• docker-compose.yml

The docker-compose.yml runs and mounts the django project.

For the frontend to run I need to

• cd frontend
• npm run dev

Locally django runs on port 8000 and NextJS on port 3000.

I pushed the project to a digitalocean dockerized droplet. I ran docker-compose and it mounted as expected.

But I struggle to grasp how to set up my nginx file so it can serve both folders from the same digitakl-ocean IP.

Any return would be highly appreciated.