How to replace default jitsi meet frontend with a custom frontend using nginx

May 1st 2020

Most of the times you would need to customize the jitsi meet frontend rather than using the default frontend. Given below is how you need to update the nginx configurations to load your frontend instead of the default jitsi.

Edit webpack.js

const devServerProxyTarget
    = process.env.WEBPACK_DEV_SERVER_PROXY_TARGET || '';

Edit nginx

    location = /http-bind {
        proxy_pass      http://localhost:5280/http-bind;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header Host $http_host;
        add_header 'Access-Control-Allow-Headers' 'Content-Type';
        add_header 'Access-Control-Allow-Origin' 'https://localhost:8080';
# since 1.13.10
map $ssl_preread_alpn_protocols $upstream {
    ~\bh2\b         web;
    ~\bhttp/1\.     web;
    default         web;