Do I need to make graphql server to https?

[bexoss]

I have nextjs app. and it's running at port 3000.

and I have its graphql server. and this is running apt port 4000.

and another nginx server to serve ssl,
https://example.com

when I access example.com, it serve nextjs app well. but the api request in it are failed. Because of Mix content Error. requesting https ====> http not allowed in browser.

`
(
server {
listen 80;
listen [::]:80;
server_name www.example.com example.com;
return 301 https://example.com$request_uri;
}

server {
listen 80;
listen [::]:80;
server_name example.com;

location / {
    proxy_pass http://localhost:3000;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;
    proxy_cache_bypass $http_upgrade;
}

listen [::]:443 ssl ipv6only=on; # managed by Certbot
listen 443 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
ssl_certificate_key /etc/letsencrypt/live/example.com/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

})

`

I have no idea to handle this.