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 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

Head of Developer Relations at Sanity.io

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

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