Serving React and Django on Nginx with SSL and Domain/Subdomain - reactjs

Question

I have a React application and Django application served by Nginx. I would like to find a way to serve React on domain.com and Django on api.domain.com. Additionally, both frontend and backend must use HTTPS so they must be listening on port 443 at the same time. Right now, I have an SSL certificate for the frontend.
Will changing the server_name for the frontend to domain.com and the backend to api.domain.com be enough to handle my requirements?
Is this a better configuration than having my API be served under domain.com/api/?
NGINX Server Block for Frontend:
server {
root /home/ubuntu/example/frontend/build;
server_name example.software www.example.software;
index index.html index.htm;
listen [::]:443 ssl ipv6only=on; # managed by Certbot
listen 443 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/example.software/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/example.software/privkey.pem; # managed by Certbot
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}
server {
if ($host = example.software) {
return 301 https://$host$request_uri;
} # managed by Certbot
listen 80;
listen [::]:80;
server_name example.software www.example.software;
return 404; # managed by Certbot
}
NGINX Server Block for Backend:
server {
listen 80 default_server;
listen [::]:80 default_server;
location = /favicon.icon { access_log off; log_not_found off; }
location /static/ {
root /home/ubuntu/example/backend/sys;
}
location / {
include proxy_params;
proxy_pass http://unix:/run/gunicorn.sock;
}
}