I’m creating a SaaS app, where I want my customers to use their own domain to access few pages in my app.
I was able to create custom hostname, but the fallback domain is being redirected to my main domain (videosdk.dev) instead of my app (app.videosdk.dev)
DNS Settings in Cloudflare
CNAME fallback app.videosdk.dev Proxied
A app 52.73.152.142 Proxied
A videosdk.dev 52.73.152.142 Proxied
Settings in SSL/TLS > Custom Hostnames
Fallback Origin Fallback Origin Status
fallback.videosdk.dev Active
Custom Hostname Certificate status Expires on Hostname status Origin server
test.anirudh.tv Active 2023-07-12 Active Default
DNS Settings in my Domain anirudh.tv
Type Name Data TTL
CNAME test fallback.videosdk.dev 600
Here is my NGINX Configuration:
server {
listen 80;
server_name videosdk.dev;
root /var/www/html/videosdk-website;
index index.html;
}
server {
listen 443;
server_name videosdk.dev;
root /var/www/html/videosdk-website;
index index.html;
location / {
}
}
server {
client_max_body_size 300M;
listen 80;
listen 443;
server_name app.videosdk.dev;
root /var/www/apps/videosdk-app;
location / {
add_header "Access-Control-Allow-Origin" "*";
add_header "Access-Control_Allow-Methods" "GET, POST, OPTIONS";
if ($request_method = OPTIONS ) {
add_header "Access-Control-Allow-Origin" "*";
add_header "Access-Control-Allow-Methods" "GET, POST, OPTIONS, HEAD";
add_header "Access-Control-Allow-Headers" "Authorization, Origin, X-Requested-With, Content-Type, Accept";
return 200;
}
proxy_set_header X-Forwarded-For $remote_addr;
proxy_set_header Host $http_host;
proxy_pass http://localhost:3000/;
}
}
server {
listen 443;
server_name documentation.videosdk.dev;
root /var/www/apps/videosdk-documentation;
index index.html;
location / {
}
}
What changes should I make for the custom hostname to load my app instead of website?