Vercel custom domain redirect loop despite correct DNS and working .vercel.app URL

Problem

www.foreverstillstudio.com is not working; it is stuck in a redirect loop.

Current Behavior

  • The deployment works perfectly via the Vercel URL: https://forever-still-studio-v2.vercel.app
  • The custom domain www.foreverstillstudio.com fails with a redirect loop :cross_mark:
  • The issue existed before adding Cloudflare.
  • Other sites on the same account with identical setups work fine.

Troubleshooting Steps Taken

  1. Cloudflare Settings: Tried disabling Cloudflare Proxy (Grey Cloud) and setting SSL/TLS to Full (Strict). Neither resolved the loop.
  2. DNS Records: Configured the following records in Bluehost:
    • A Record: @76.76.21.21
    • CNAME Record: wwwcname.vercel-dns.com
  3. Vercel Configuration: Checked vercel.json and next.config.js for overlapping redirect rules.
  4. Registrar: Confirmed no URL forwarding is enabled at the registrar level (Bluehost).

Project Configuration

Below is the current project structure and code for the site:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Forever Still Studio — Web Design for Local Businesses</title>
  <style>
    /* CSS Styles */
    :root {
      --bg: #0d0b0b;
      --gold: #C8A96A;
      --text: #f0ebe4;
    }
    /* ... rest of styles ... */
  </style>
</head>
<body>
  <!-- Navigation and Content -->
</body>
</html>

I have already tried the correct DNS setup and the issue persists. It seems specific to how Vercel is handling this particular domain. Any help would be appreciated!

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.

You can also use v0 to narrow down the possibilities.

We have a guide for this:

Let us know how you get on!