Skip to content
Watch a live product demo 👀 See how Sanity powers richer commerce experiences
Sanity
  • Platform

    Sanity Studio

    Flexible editing environment

    APIs

    Connect to anything

    Content Lake

    Real-time database

    Watch product demo

    Features

    Real-time collaboration

    Fearlessly work with content

    Precise content querying

    Treat content as data with GROQ

    Localization

    Coherent messaging across territories

  • Use cases

    E-commerce

    Richer shopping experiences

    Marketing sites

    Control your story

    Products & services

    Innovate and automate

    Mobile apps

    Content backend for every OS

    View all

    Integrations

    Shopify
    Mux
    Vercel
    Netlify
    Algolia
    Cloudinary
    BigCommerce
    Commerce Layer
    Smartling
    Transifex
    View all
  • Learn

    Documentation
    API reference
    Guides
    GROQ cheat sheet
    Sanity UI
    Get started

    Build and share

    Templates
    Tools and plugins
    Schemas and snippets
    Project showcase
    Share your work
    Browse Exchange

    Frameworks

    React
    Vue
    Next.js
    Nuxt.js
    Svelte
    Remix
    Gatsby
    Astro
    Angular
    Eleventy
    View all
  • Discover

    Blog
    Resource library
    Agency partners
    Become a partner
    Technical support
    Talk to sales

    Case studies

    Puma

    Source of truth for all global markets

    Aether

    Unique digital shopping experience

    Morning Brew

    Omnichannel media distribution

    InVision

    Delivering exceptional customer experiences

    View all

    Popular guides

    Structured content
    Content modeling
    Headless CMS
    Headless SEO
    Static websites
    View all
  • Enterprise
  • Pricing
  • Log in
  • Contact sales
  • Get started
Contact salesGet started
Published May 14th 2020

Community Digest #19

This week, we bring GROQ to Gatsby, tip-of-the-week, a deep dive into blog design, a new game for Amazon Alexa, and other new projects launched with Sanity!

Knut Melvær

Principal Developer Marketing Manager

The community has shared a lot of cool stuff this week, like they do every week. In fact, there is so much cool stuff happening that we are now looking for another person to join the developer relations team! Head over to sanity.io/careers to find the job description, among the other ones we have out. We would love to learn more about you!

Community Hightlights

Gatsby got GROQed!

We‘re fans of both GraphQL and GROQ here at Sanity HQ. That being said, observing that some really love working with GROQ are heartwarming. We were extra amazed when Kevin McAloon shared his first-class implementation of GROQ into Gatsby. Gatsby comes with a GraphQL API out of the box, that lets you generate pages, and do static queries in template components. Kevin managed to replicate this behavior with GROQ and package it as a plugin. It’s still early days, so there might be quirks, but the demo is pretty darn impressive.

Give Kevin your stars on GitHub

How to upload multiple images

We should probably run a “tip of the week” section in this community digest, so why not start with a question we got about uploading multiple images? We shared this gist with Sarabjot Singh on Twitter. Bottom line: You can drag and drop a bunch of image files onto an array field of images.

Tweet by:knut's photo
knut
@kmelve

@sarabjottt @wesbos @sanity_io Hi @sarabjottt! Here’s how to do it. Btw. do join https://t.co/sMVLxz3Hs6 if you need more help and pointers from the @sanity_io team and a couple of thousand devs :) https://t.co/BMEajq58ZS https://t.co/aHNwEKduBq

Tweet published on: May 9, 2020, 7:55 AM
Liked by: 8
Replied by: 3

Designing your own blog

Dylan guest-blogged about how they moved the Mux blog to Sanity.io a couple of weeks ago (and wrote a guide for the migration). Now his designer colleague Steven has blogged about all the decisions and choices that went into actually designing the new blog. An interesting deep dive into their design process – well worth the read!

Tweet by:Dylan's photo
Dylan
@dylanjha

As a developer, it's always fun when you get to work with a great designer and help bring their ideas to life. @sstriegs talks about redisgning our company blog (now powered by @sanity_io and @gatsbyjs) https://t.co/gqYNQSq9tu

Tweet published on: May 7, 2020, 12:21 AM
Liked by: 12
Replied by: 1

Page transitions

We keep seeing interesting creative sites being shared in the community. We love that there is still room for experimenting and exploring in web design.

Tweet by:Simon Riisnæs Dagfinrud's photo
Simon Riisnæs Dagfinrud
@kvasimon

Currently kinda going crazy with some transitions to-be-released on my new website. Now featuring @sanity_io 🎉

Not done yet, but is it too much? https://t.co/ElsOOYnfo8

Tweet published on: May 4, 2020, 9:23 PM
Liked by: 18
Replied by: 5

Praiseworthy

The section where we unshamedly share some of the praise we have been including in on the bird site.

We love being David’s first tool on his list!

Tweet by:David Eglin's photo
David Eglin
@djeglin

So I am working on a couple of new projects in my new role, and once again find @sanity_io being the first tool on my list. This time, it's react and Gatsby at the front end, though, so that should be a fun new experience.

Tweet published on: May 8, 2020, 6:59 PM
Liked by: 8
Replied by: 1

Do you remember Squizzy? The full-blown quiz app that we launched before the holidays? We have seen people using it all over. We think it super cool that it is making the rounds on meetups too!

Tweet by:Dean Bryen's photo
Dean Bryen
@deanbryen

We’ve used Squizzy, an open source real time quiz app from @sanity_io for our meet-up @cloudseclondon twice now and it’s always gone down a storm. Check it out here: https://t.co/iK0EyefAja

Tweet published on: May 7, 2020, 8:48 AM
Liked by: 16
Replied by: 2

The reception for the Kitchen Sink Starter has been great. And we’re glad we got Naya’s endorsement!

Tweet by:Naya Moss's photo
Naya Moss
@bossnayamoss

Look at how quickly I was able to

- skip through this video 🙈

-deploy sanity

-edit the homepage of this template

This editor is a game-changer 🔥🔥🔥🔥!

I'll also be using the Initial Value Templates shared in yesterday's community newsletter!

Thanks, team @sanity_io 🚀 https://t.co/LJAKSEnA9R https://t.co/JyZ6998vvy

Tweet published on: May 7, 2020, 11:36 AM
Liked by: 12
Replied by: 1

Sometimes Portable Text feels like this secret little mega-powerful thing that we should tell more people about. We’re happy that Bartosz is helping us by making some great points about it.

Tweet by:Bartosz Podlewski 🍷's photo
Bartosz Podlewski 🍷
@podlebar

The Portable-Text feature

from @sanity_io is so incredible

powerful. It outplays so many other competitors because it integrates so well into the editing workflow that you never have to leave the edit-screen to create another piece of content

Tweet published on: May 7, 2020, 7:41 PM
Liked by: 11
Replied by: 1

Built with Sanity

Eunjae’s new personal website

Eunjae, software engineer over at Algolia, launched his new blog this week, and wrote the following:

My new personal website is up!
There are bunch of stuff to improve, but I'm quite happy with it.
It was really fun and I've made some interesting choices which I will probably cover later on.
Tweet by:Eunjae Lee's photo
Eunjae Lee
@eunjae_lee

My new personal website is up!

There are bunch of stuff to improve, but I'm quite happy with it.

@gatsbyjs + @sanity_io + @Netlify + ThemeUI

It was really fun and I've made some interesting choices which I will probably cover later on 😁

🔥 VISIT → https://t.co/vVC5wWqVp4 https://t.co/w2IxdTBZLY

Tweet published on: May 2, 2020, 5:07 PM
Liked by: 42
Replied by: 4

You should also watch Eunjae’s short introduction to headless CMS, where he also shows how he has set up his blog:

Amazon Alexa Game: Number Spies

Mark Tucker shared this cool use case with us, where he has used Sanity as the backend for a new voice-based game called Number Spies:

Number Spies is a game for Amazon Alexa where you decode messages, travel the world, and go on top secret missions. There is a companion website (numberspies.com) and a Facebook page.Sanity was used on this project to provide content to the Alexa skill that is used in text-to-speech (TTS) responses:
- Announcements - messages when the game starts
- One-Time Pad - lists of numbers to encode/decode transmissions
- Verify Codes - a unique, time-based code used to get points in the voice game for real world activities
- Transmissions - encoded messages for a specific day
- Cities - locations that (for a specific day) when visited gives you extra points
- Trips - Things that can happen when you travel
- Missions - Things that can happen when you go on a mission
- Posts - Content for puzzles
- Definitions - spy terms and definitions
Besides custom documents, Sanity Studio has been modified with:
m- Document initial values
- Document field validations
- Document preview
- Document actions
-A new panel level for Filters
I found Sanity to be a great CMS for voice games. It gives me the ability to customize content and control it as I need to.This game is currently released in the U.S. Alexa Skill Store, I would love for you to give the game a try and leave your feedback at numberspies/contact

New website for CPGroup

Damon Morda and his team at Branded Clever built the new website for CPGroup with Sanity, Gatsby, and Netlify. A nice demonstration of structured content as well, if you take a closer look at the screenshots of the Studio. Damon had this to say about the process:

Launched a new website for the CPGroup, a manufacturers' representative for contract furniture, fabrics, signage, and glass. Built this one in an entirely new stack using Gatsby, Sanity, and Netlify. Incredible developer experience!
Tweet by:Branded Clever's photo
Branded Clever
@brandedclever

Launched a new website for the CPGroup, a manufacturers' representative for contract furniture, fabrics, signage, and glass. Built this one in an entirely new stack using @gatsbyjs, @sanity_io, and @Netlify. Incredible developer experience! https://t.co/91TIpeO5jN.

Tweet published on: May 6, 2020, 1:59 AM
Liked by: 5
Replied by: 1
The website

Page content

  • Community Hightlights
    • Gatsby got GROQed!
    • How to upload multiple images
    • Designing your own blog
    • Page transitions
  • Praiseworthy
  • Built with Sanity
    • Eunjae’s new personal website
    • Amazon Alexa Game: Number Spies
    • New website for CPGroup

Product

Sanity StudioAPIsContent LakeSecurity & Compliance
  • Sanity vs Contentful
  • Sanity vs Strapi
  • Sanity vs Wordpress
  • Sanity vs Adobe Experience Manager
  • Sanity vs Hygraph
  • Sanity vs Sitecore
  • Sanity vs Storyblok
  • Sanity vs Contentstack
  • Sanity vs Prismic
  • Sanity vs Drupal
  • Sanity vs ButterCMS

Resources

DocumentationBlogResource libraryCase Studies
  • 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
  • Next.js blog
  • Next.js personal website
  • Clean Next.js + Sanity app
  • Clean Remix + Sanity app
  • Clean SvelteKit + Sanity app
  • All Templates
  • Agency partners
  • Technology partners
  • Headless CMS 101
  • What is an API CMS
  • Static Sites 101
  • Headless Commerce 101
  • Headless SEO
  • Localization
  • GraphQL vs REST
  • Content as a Service
  • What is a DXP?
  • Typescript 101
  • Ecommerce SEO
  • 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
  • CMS for apps
  • Remix CMS

Company

Contact SalesEnterpriseCareersTerms of ServicePrivacy PolicyAccessibility Statement

Stay connected

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