Shopify + Sanity: Read about the investment and partnership –>
Skip to content
Sanity
Get started
  • Sanity Studio - Flexible editing environment
  • Content Lake - Real-time database
  • Developer experience - Tooling you love
  • Structured content - The philosophy behind Sanity
  • Review changes - View edits & rollback instantly
  • Image pipeline - On-demand transformations
  • E-commerce - Better shopping experiences
  • Marketing sites - Control your story
  • Products & services - Innovate and automate
  • Mobile apps - Content backend for every OS
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • Cloudflare - Flexible modeling for a global CDN
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Technology partners
  • Get support
  • Share your work
  • Shopify Invests in Sanity: Connecting Commerce with Content
PricingContact salesLog inGet started
Published November 20th 2020

Community Digest #32: The Content Universe

The future of e-commerce with Augmented Reality, the visually connected Content Universes of the Sanity community, and more.

Bryan Robinson

Bryan used to be a Developer Relations Specialist at Sanity.

Beneath every schema, there's an entire galaxy of content. In this week's Digest, we explore visual representations of the connections between content using the Content Graph View plugin. We'll also look at previewing content in the real world: Augmented Reality for furniture in your home and screens on real mobile devices.

Fun with Sanity Graph View Plugin

This week, we launched a plugin that was created during our internal hackathon – you can read about it here.

When we announced it, we asked the community for their best, most beautiful, or most interesting content graphs. The results, as usual, were amazing.

Felipe Simones' graph is a neat and orderly galaxy.
Jayne Mast's graph showcases a colorful constellation of content
João Doria's graph shows some great clustering and asset usage

Finally, Kevin Green took us on a video tour of his unique e-commerce graph.

It's not too late to share your graph. Install the plugin, take a screenshot, and post it in the #i-made-this channel in the Slack community.

Augmented Reality furniture with Sanity data

Ian Hatcher-Williams and Lucas Vocos put together a furniture experience for the e-commerce age. Since many people can't view furniture in person, why not view it virtually in your living room? The Blender 3D models are uploaded to the Studio and used in the AR setup. Watch the AR demo on gardener.nyc's Twitter.

The site also features:

  • preorder campaigns updated with Shopify webhooks
  • a custom form builder that pumps into Netlify forms
  • a custom discounting/wholesale portal
A file upload for a 3D model
Form builder that connects with Netlify Forms

Previewing content with sanity-mobile-preview

Jesper Paulsen has created a package to preview Sanity content on multiple, customizable mobile devices in the Studio's preview pane. You can preview based on device type, and even choose the device color. This handy package is available on NPM with the instructions needed to get up and running.

Join us in the community

Come join us in the Slack community; we'd love to meet you in the #introductions channel.

Got a project to share? Head on over to the #i-made-this channel. If you need help along the way, be sure to check out our other channels (#help, #gatsby, etc).

Page content

  • Fun with Sanity Graph View Plugin
  • Augmented Reality furniture with Sanity data
  • Previewing content with sanity-mobile-preview
  • Join us in the community

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & Compliance

Resources

Documentation
  • Content Modeling
  • React Blog
  • Gatsby Blog
  • Next.js Landing Pages
  • Progressive Web Application
  • Single Page Application
  • Svelte & Typescript App
  • Vue & Tailwind Blog
  • Developer Portfolio Templates
  • Form validation with Yup
  • Live Preview with Next.js and Sanity.io
  • React Starters
  • Next.js Starters
  • Next.js Landing Pages
  • Next.js E-commerce
  • Gatsby Starters
  • Gatsby Plugins
  • Developer Portfolio Templates
Case Studies
  • Headless CMS
  • Digital Experience Platform
  • Static Site Generator
  • Localization
  • GraphQL vs REST
  • React CMS
  • Next.JS CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS

Company

Contact SalesEnterpriseCareersTerms of Service

Stay connected

  • Github
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS

Subscribe to our newsletter

©Sanity 2022