Skip to content
Sanity
    • Platform

      Sanity Studio

      Flexible editing environment

      APIs

      Connect to anything

      Content Lake

      Real-time database

      Try 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
      Studio API Reference
      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 global markets

      Aether

      Unique digital shopping experience

      Morning Brew

      Omnichannel media distribution

      InVision

      Delivering exceptional customer experiences

      View all

      Popular guides

      Headless CMS
      Structured content
      Content modeling
      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
  • Making a PWA
  • 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
  • Static Sites 101
  • Headless Commerce 101
  • CMS for enterprise
  • Headless SEO
  • Localization
  • Content as a Service
  • What is a DXP?
  • Typescript 101
  • Ecommerce SEO
  • What is a Composable DXP?
  • What is an API?
  • GraphQL vs REST
  • React CMS
  • Next.JS CMS
  • CMS for Shopify
  • API-first CMS
  • 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
  • Nuxt CMS
  • SvelteKit CMS
  • Agile CMS
  • Eleventy CMS

Company

Contact SalesEnterpriseCareersTerms of ServicePrivacy PolicyAccessibility Statement

Stay connected

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