Sanity detector

Sanity logo

How can you detect if a website is built with Sanity?

Detecting whether a website uses Sanity involves looking for specific markers in the website’s source code or identifying certain characteristics associated with Sanity-powered sites.

Here’s a step-by-step guide on how to check if a website is built with Sanity:

  1. Open the Page Source: Right-click on the webpage and select “View Page Source” or press Ctrl+U (Windows) or Cmd+Option+U (Mac) to open the page’s source code.
  2. Search for Sanity-Specific CDN: Look for the string cdn.sanity.io within the source code using Ctrl+F (Windows) or Cmd+F (Mac). This indicates that the site uses Sanity’s content management system. You may see URLs such as https://cdn.sanity.io/images/{projectId}/{imageId}.jpg.
  3. Look for API Requests: Check for JavaScript files that might include calls to the Sanity APIs. Look for keywords such as sanityClient in the scripts. You might see requests to URLs that include sanity.io.
  4. Inspect the HTML Structure: Sanity allows for a flexible content structure. Look for specific classes or data attributes that may hint at a Sanity schema being utilized, such as data-sanity-* attributes.
  5. Check for Sanity Studio: Some websites may link to a Sanity Studio for content management. Look for any signs of a backend URL that resembles https://your-project-id.sanity.studio in the source code.
  6. Inspect Frontend Components: If the site is using frameworks like React or Vue, check for component libraries or layout patterns that may indicate the JSON structure typical of Sanity content. Look for components that fetch content through Sanity queries.
  7. Look for Sanity-specific Metadata: Check for specific meta tags or JSON-LD structured data that references Sanity, which could indicate that the content is managed through this CMS.

By following these steps, you can effectively determine if a website is utilizing Sanity as its content management system.

Learn more about Sanity with these articles