Skip to content
👀 See Sanity in action: Watch product demo now →
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
  • Aether - Unique digital shopping experience
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Resource library
  • Headless CMS
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Agency partners
  • Technology partners
  • Get support
  • Share your work
  • Enterprise SSO
EnterprisePricing
Contact salesLog inGet started
Published March 27th 2020

Community Digest #13

We're back with yet another community digest. This week, there's a lot of visually creative sites, an introduction to content modelling, and a nifty new plugin for complex GROQ queries.

Knut Melvær

Head of Developer Relations at Sanity.io

Most of us are still adjusting to the new situations that spring out of the global pandemic. But it's still out of the ordinary, and we shouldn't expect to stay as productive as we may have been before the crisis. Even this community digest ended up a couple of days late, but that's OK. And we're still amazed by all the cool things that people share in #i-made-this, and the creativity and positive energy we get to be a part of.

Community highlights

#content-modelling

Naturally, there have been a bunch of content modelling questions in our Slack‘s #help channel through the years, but this week it earned its bonafide channel. And rightly so, content modelling is heart and center of what Sanity is about: Being able to express your organization‘s practical content reality without sacrificing developer nor editor experience.

To mark the occasion, I invited user experience designer and content strategist Ronald Aveling to have a chat on how to get started with content modelling and structured content. It's a great place to start if you're new to this stuff, and probably interesting if you're familiar with it too.

Plugins

Minify GROQ

Espen “rexxars” Hovlandsdal‘s day job is developing and engineering at Sanity HQ, and he made this minifyer for people with complex GROQ-queries using the “tagged literal” pattern. It's pretty neat, and it plays well with the Sanity VS Code extension.

I made a function to minify GROQ-queries. It's pretty basic, but it can still significantly reduce the size of certain queries, which helps keep them within the 11KB limit (the Sanity client switches to POST-requests against the non-CDN API if queries are above 11KB).
$ npm install --save minify-groq

Check out the project on GitHub to see how to use it.

How to migrate your HTML blog-content from Ghost

Mux.com is an excellent service for delivering video via APIs. Recently, they moved their blog over to Gatsby and Sanity.io. They even wrote about why and how they did it! Dylan Jhaveri has two great articles for you if you're interested in moving your HTML over to Sanity:

  • How to migrate your html blog content from ghost
  • Moving the Mux blog to the JAMstack

Built with Sanity

James Warner

We, among many others, are very impressed by the slick personal website James Warner has been building while streaming on Twitch. On James’ blog, you can even learn how to make the mindblowing webgl 3d hero.

James’ Studio

Cat Person

We feel pretty safe to say that this is the smoothest cat-related ecommerce experience on the interwebz: catperson.com. Kevin Green shares the tech choices behind it, and a smol screen capture of the studio experience:

A Sanity + Shopify hybrid powered by Gatsby, everything is typed, user accounts powered by Shopify + Recharge API for fetching subscriptions and a custom checkout experience

Phenomena

It has been an exciting week in terms of visually creative sites. Mario Carrillo shared this marketing site for the brand Phenomena where he combined 11ty with Three.js, GSAP, and Wool to form an experience that really wants you to scroll.

Kyoto Zen House

Bryn Dyment has made this site for the Japanese house rental service Kyoto Zen House. Built with Gatsby.js with a masonry layout and some cool transitions.

The Community Club

It has indeed been a wild few weeks. Ben Sehl and his team over at kotn.com has made The Community Club, a site with plenty of resources to how to deal with the COVID-19 crisis.

Page content

  • Community highlights
    • #content-modelling
  • Plugins
    • Minify GROQ
    • How to migrate your HTML blog-content from Ghost
  • Built with Sanity
    • James Warner
    • Cat Person
    • Phenomena
    • Kyoto Zen House
    • The Community Club

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & Compliance
  • Sanity vs Contentful
  • Sanity vs Strapi
  • Sanity vs Adobe Experience Manager
  • Sanity vs Hygraph
  • Sanity vs Sitecore
  • Sanity vs Storyblok
  • Sanity vs Contentstack
  • Sanity vs Prismic
  • Sanity vs Drupal

Resources

Documentation
  • 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
Resource library
  • Agency partners
  • Technology partners
  • Blog Template
  • Personal Website Template
  • Developer Portfolio Templates
  • All Templates
Case Studies
  • Headless CMS
  • What is an API CMS
  • Static Sites 101
  • Headless SEO
  • Localization
  • GraphQL vs REST
  • What is a DXP?
  • Typescript 101
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • Content platform
  • Multilingual CMS
  • Static Site CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS
  • Mobile apps CMS

Company

Contact SalesEnterpriseCareersTerms of ServiceAccessibility Statement

Stay connected

  • GitHub
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS
  • Newsletter
©Sanity 2023