Domain loads blank on all iOS devices but works on Android and desktop

Current Behavior

Website https://mommagrapes.com works fine on:

MommaGrapes - Smart Baby Tracker & Breastfeeding App

Track breastfeeding, pumping, sleep, diapers, and growth with AI-powered insights. The all-in-one baby tracker for modern parents.

macOS (Chrome, Safari)
Windows (Chrome, Edge)
Android devices (Chrome)
The same site shows only a blank screen on:
- iPhone (tested on iPhone 12 Pro Max, iPhone XS)
- iPad
- Tried with Safari and Chrome → both fail.

Expected Behavior

Website should load the same on iOS Safari/Chrome as it does on Android/desktop.

Steps to Reproduce

Open Safari or Chrome on any iOS device.
Go to https://mommagrapes.com.
Observe → blank screen.

What I’ve Tried

Cleared cache/cookies (Safari & Chrome).
Reset iPhone DNS / switched to Google DNS (8.8.8.8).
Toggled airplane mode / restarted devices.
Tested in Incognito mode.
Friends in Canada & US reproduced same issue on iPhones.
SSL certificates on Vercel show as valid (wildcard, root, www).
DNS records now correctly point to:
- A @ → 76.76.21.21
- CNAME www → mommagrapes.com

Project Information

Framework: React (Vite)
Hosting: Vercel
Repo: github.com/gitkkarthik/mommagrapes
Custom domain: mommagrapes.com purchased via Hostinger, nameservers pointing to Vercel.

Extra Info: SSL Labs Test

I also ran SSL Labs against mommagrapes.com. Both IPs (216.198.79.65, 64.29.17.1) returned A+ scores. That confirms:

The SSL certificate and chain are valid and properly trusted
TLS versions supported are fine for iOS
No certificate or cipher mismatch

So the issue does not appear to be with SSL/TLS itself, but possibly with how traffic is routed or how the app is served on iOS Safari/Chrome.

The domain troubleshooting guide can help with most custom domain configuration issues. You might be able to use that guide to solve it before a human is available to help you. Then you can come back here and share the answer for bonus points.

https://vercel.com/docs/projects/domains/troubleshooting

You can also use v0 to narrow down the possibilities.

Hey, I checked Safari for you and the network requests all return 200 OK, so the assets are being served, but the screen stays blank. In the console I see these errors:

Screenshot 2025-09-15 at 2.39.53 PM

Screenshot 2025-09-15 at 2.40.01 PM

Screenshot 2025-09-15 at 2.40.13 PM

I think the code is trying to access Notification.permission on load. iOS Safari/Chrome don’t support the Web Notifications API the same way desktop browsers do, so Notification is undefined and the app crashes before rendering. Might be worth looking into.

Current Behavior

Website https://mommagrapes.com works fine on:

mommagrapes.com

MommaGrapes - Smart Baby Tracker & Breastfeeding App

Track breastfeeding, pumping, sleep, diapers, and growth with AI-powered insights. The all-in-one baby tracker for modern parents.

macOS (Chrome, Safari)
Windows (Chrome, Edge)
Android devices (Chrome)
The same site shows only a blank screen on:
- iPhone (tested on iPhone 12 Pro Max, iPhone XS)
- iPad
- Tried with Safari and Chrome → both fail.

Expected Behavior

Website should load the same on iOS Safari/Chrome as it does on Android/desktop.

Steps to Reproduce

Open Safari or Chrome on any iOS device.
Go to https://mommagrapes.com.
Observe → blank screen.

What I’ve Tried

Cleared cache/cookies (Safari & Chrome).
Reset iPhone DNS / switched to Google DNS (8.8.8.8).
Toggled airplane mode / restarted devices.
Tested in Incognito mode.
Friends in Canada & US reproduced same issue on iPhones.
SSL certificates on Vercel show as valid (wildcard, root, www).
DNS records now correctly point to:
- A @ → 76.76.21.21
- CNAME www → mommagrapes.com

Project Information

Framework: React (Vite)
Hosting: Vercel
Repo: github.com/gitkkarthik/mommagrapes
Custom domain: mommagrapes.com purchased via Hostinger, nameservers pointing to Vercel.

Extra Info: SSL Labs Test

I also ran SSL Labs against mommagrapes.com. Both IPs (216.198.79.65, 64.29.17.1) returned A+ scores. That confirms:

The SSL certificate and chain are valid and properly trusted
TLS versions supported are fine for iOS
No certificate or cipher mismatch

So the issue does not appear to be with SSL/TLS itself, but possibly with how traffic is routed or how the app is served on iOS Safari/Chrome.

You’re absolutely right! iOS doesn’t support the Web Notifications API.

I’ve resolved this by adding a safe check for the Notification API before using it. On platforms where it isn’t available (like iOS), the app now degrades gracefully, avoids crashing, and continues working perfectly.

Nice, glad you figured it out!

This topic is closed. It no longer accepts new replies.

Current Behavior

Website https://mommagrapes.com works fine on:

mommagrapes.com

MommaGrapes - Smart Baby Tracker & Breastfeeding App

Track breastfeeding, pumping, sleep, diapers, and growth with AI-powered insights. The all-in-one baby tracker for modern parents.

macOS (Chrome, Safari)
Windows (Chrome, Edge)
Android devices (Chrome)
The same site shows only a blank screen on:
- iPhone (tested on iPhone 12 Pro Max, iPhone XS)
- iPad
- Tried with Safari and Chrome → both fail.

Expected Behavior

Website should load the same on iOS Safari/Chrome as it does on Android/desktop.

Steps to Reproduce

Open Safari or Chrome on any iOS device.
Go to https://mommagrapes.com.
Observe → blank screen.

What I’ve Tried

Cleared cache/cookies (Safari & Chrome).
Reset iPhone DNS / switched to Google DNS (8.8.8.8).
Toggled airplane mode / restarted devices.
Tested in Incognito mode.
Friends in Canada & US reproduced same issue on iPhones.
SSL certificates on Vercel show as valid (wildcard, root, www).
DNS records now correctly point to:
- A @ → 76.76.21.21
- CNAME www → mommagrapes.com

Project Information

Framework: React (Vite)
Hosting: Vercel
Repo: github.com/gitkkarthik/mommagrapes
Custom domain: mommagrapes.com purchased via Hostinger, nameservers pointing to Vercel.

Extra Info: SSL Labs Test

I also ran SSL Labs against mommagrapes.com. Both IPs (216.198.79.65, 64.29.17.1) returned A+ scores. That confirms:

The SSL certificate and chain are valid and properly trusted
TLS versions supported are fine for iOS
No certificate or cipher mismatch

So the issue does not appear to be with SSL/TLS itself, but possibly with how traffic is routed or how the app is served on iOS Safari/Chrome.

You’re absolutely right! iOS doesn’t support the Web Notifications API.