Get help on Discord

Issue with adding Sanity integration into Vercel, JS not loading, workaround provided.

19 replies
Last updated: Aug 10, 2023
Hey folks - having issues adding the Sanity integration into Vercel, when trying to login the page isn't interactable, looks like the JS isn't loading. Is this a known issue, and if so is there a workaround available at the moment? Will post the console output in thread:
AI Update

I understand how frustrating this is! The JavaScript not loading on the Vercel integration page is definitely a pain. While I don't have specific information about this being a currently known issue, here are some practical workarounds you can try:

1. Try browser troubleshooting first

Sometimes these integration pages have issues with specific browser configurations:

  • Open an incognito/private window and try again
  • Try a completely different browser
  • Clear your browser cache and cookies for vercel.com
  • Disable any browser extensions (especially ad blockers or privacy extensions) that might interfere with JavaScript loading
  • Check your browser console for specific error messages that might point to the root cause

2. Set up the integration manually

The good news is that most of what the Vercel integration provides can be configured manually if the marketplace integration isn't working:

Deploy hooks: In your Vercel project settings, create a deploy hook (Settings → Git → Deploy Hooks). Then add that webhook URL to your Sanity project at sanity.io/manage under your project's webhooks or API settings.

Environment variables: Add your Sanity project ID and dataset directly in Vercel's project settings (Settings → Environment Variables):

NEXT_PUBLIC_SANITY_PROJECT_ID=your-project-id
NEXT_PUBLIC_SANITY_DATASET=production

Dashboard widget: While you won't get the automatic dashboard widget, you can still view deployments directly in Vercel's dashboard.

3. Check for service issues

  • Visit status.sanity.io and Vercel's status page to see if there are any ongoing incidents
  • Post your console output in the Sanity Slack community - the team is usually responsive to integration issues

4. Contact support directly

Since this appears to be affecting the Vercel marketplace interface specifically, you might want to reach out to Vercel support as well as Sanity support. The console output you mentioned posting will be really helpful for them to diagnose the issue.

The manual setup approach should get you unblocked immediately while the integration page issue gets resolved. Most teams end up configuring webhooks and environment variables manually anyway for more control over the deployment process.

do you have the vercel url added to your cors settings in sanity.io ?
I deploy our studio to vercel with no issues.
you need to insert 
<http://sanity-studio.vercel.app|sanity-studio.vercel.app>
or whatever your domain is into the cors settings in sanity.io for it to work.
I think you misunderstood - this is the authentication page to connect my sanity account to a Vercel project, I haven't set up any projects or deployments yet. Surely I don't have to set up CORS origins to connect my account?
This is at
<https://www.sanity.io/create/integrations/vercel/install?[...]>

how did you get to that resource?
I'm using this repo, same behaviour. During the deployment to Vercel it attempts to connect the integration, same as the above link.
For reference
user Y
not sure who to reach out to about this but this SSO looks borked https://share.cleanshot.com/f179yxvS
im also getting an error when trying to connect.
Thanks for the help triaging! I'll keep an eye out for updates.
those buttons for me are straight up disabled.
I am having the same issue as well.
This was reported earlier too and it definitely seems like something is up.
Yeah, the team has been made aware. Thanks for reporting!
Looks like it’s working again!
Our team has rolled out a fix so this should be resolved now. Thanks for your patience 🙏

Sanity – Build the way you think, not the way your CMS thinks

Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.

Get started for freeExplore the demo

Was this answer helpful?