Skip to content
Join live – Get insights, tips, + Q&A from Sanity developers on our latest releases
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
      Glossary
      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 6th 2020

Community Digest #18

We‘re back again with a bunch of highlights and new projects launched in the Sanity community. From stolen CSS to artful portfolios.

Knut Melvær

Principal Developer Marketing Manager

Community Hightlights

Every week we share some of the highlights that are shared in the Sanity community.

Introducing the Community Management Studio

We have already blogged about it, but it deserves repetition: We have released the source code to our community management studio. We use it to keep track of questions asked in our community slack, and gain insights to what we should improve in the documentation, bugs, and feature requests. It also features serverless Google SSO integration and more advanced patterns for structure builder that might be of inspiration.

Tweet by:Sanity.io's photo
Sanity.io
@sanity_io

The Community Studio features:

* Track messages and threads with 🎫 and mark them as done with ✅

* Scope ticket creation to an email domain

* Personalized desk structure

* Custom input components for easy tagging

* Serverless deployment on @vercel

https://t.co/Khwt53RGNm https://t.co/TUBVtLMmHv

Tweet published on: Apr 27, 2020, 6:23 PM
Liked by: 7
Replied by: 0

Thanks y'all!

We are humbled, amazed, and deeply grateful for all of you who recommended Sanity.io for Wes’ next course. Developer experience is already at the core of how we think product, and this just makes us want to double down on it even more.

Tweet by:Wes Bos's photo
Wes Bos
@wesbos

If I were to use a Headless CMS in my next course (Gatsby!), which one would you like to see?

Currently dancing between ease-of-setup and Flexibility on a few of them.

Tweet published on: Apr 27, 2020, 2:02 PM
Liked by: 505
Replied by: 393

Wes stole some of our CSS, and we‘re totally fine with it!

Speaking of Wes Bos, he took notice of the pixelated blur-up effect we used on sanity.io and borrowed it for blurring up… pizzas? image-rendering is definitively among the under-appreciated CSS properties out there.

Tweet by:Wes Bos's photo
Wes Bos
@wesbos

Stealing this design detail from @sanity_io. Pixelated base 64 previews as the large image loads:

.gatsby-image-wrapper img[src*=base64\\,] {

image-rendering: -moz-crisp-edges;

image-rendering: pixelated;

} https://t.co/l9sZV12Gpn

Tweet published on: May 1, 2020, 3:53 PM
Liked by: 408
Replied by: 11

Structure builder for image asset documents

Sticking to the topic of image assets, here’s a snippet for those times you want to surface the image asset collection in the Studio and make the user-editable fields available (great for editing global alternative texts). Another example of the endless possibilities the Structure builder API gives you.

Initial values for the lazy writer

Knut [ed. that‘s me in the third person] felt lazy and didn’t want to waste time figuring out what the latest digits for the community digest were. So he made an initial value template to create a new edition. Here’s the gist if you want to tweak it for your purposes.

Tweet by:knut's photo
knut
@kmelve

Initial Value Templates for @sanity_io are handy for automating stuff that you do regularly. Every week I create a new community digest with the same title convention and structure. So I made a thing that put in the right values, including the correct number iteration. https://t.co/jk9Tf9VNJN

Tweet published on: Apr 30, 2020, 9:13 PM
Liked by: 27
Replied by: 5

How to backup your content to Cloud Firestore from Sanity

Alex “Coding Cat” Petterson shared this tutorial on how to sync your content from Sanity to Firestore. And demonstrates how little code you need to move your content around:

Built with Sanity

Here’s a collection of new projects and websites that launched with Sanity the past week. If you have launched something with structured content from Sanity, tell us about it on Twitter or in the #i-made-this channel in the community Slack (and do share screenshots of your studios)!

Albin‘s digital garden

Albin Groen just launched his new personal website / digital garden on albingroen.com:

Using Sanity together with Gatsby and theme-ui is definitely one of the better developer experiences I've had in a while!

New product site for TwinThread

This week, Chandler Van De Water announced this slick company website in the #i-made-this channel:

I just launched my company’s new product site, which I designed and built: twinthread.com –sanity (graphql) + gatsby + rebass. It was really fun to work on.

New blog: Documenting is Cool

Gabi writes about her new blog called documentingiscool.netlify.app (we especially liked the post about “enhancing your technical job opportunity description”):

Hello, yesterday I started looking into sanity.io and today my blog is up. The blog theme is simple and nice (it's what I wanted), and I made it even simpler (no images on the preview or shown author - I am the author). I wanted a place of my own to write technical or otherwise connected posts and ideas. Thank you very much for the help I got in my troubleshooting, I appreciate you took the time.

New e-commerce site for Laura McCartney

Laura shared the new e-commerce site for her pottery and art. Powered by Gatsby, Sanity, and Snipcart for the cart and checkout experience. We really like the idea of making your own besoke e-commerce experience for your own handcraft.

New website for art exhibitions

Simon Rogers at the London-based Fraser Muggerige studio shared this new series of fortnightly microsites for exhibitions at Sadie Coles! We love the return of <marquee> here!

Personal portfolio for Levi Bergqvist

Paulius launched a portfolio site for his friend. It features some really tasteful page transitions and a ton of great visual design work. Here is what Paulius says:

Based on Sanity Portfolio starter. Very happy with the ease of building content models!
There are three different pages to model each section of the website and each page has a list of references to projects/posters to define a specific order how they should be displayed.
“Projects/posters have content built out from different types of blocks. I like how it makes it easy both to define new blocks and control rendering of those blocks front-end side ;)”

Page content

  • Community Hightlights
    • Introducing the Community Management Studio
    • Thanks y'all!
    • Wes stole some of our CSS, and we‘re totally fine with it!
    • Structure builder for image asset documents
    • Initial values for the lazy writer
    • How to backup your content to Cloud Firestore from Sanity
  • Built with Sanity
    • Albin‘s digital garden
    • New product site for TwinThread
    • New blog: Documenting is Cool
    • New e-commerce site for Laura McCartney
    • New website for art exhibitions
    • Personal portfolio for Levi Bergqvist

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
  • Multisite CMS

Company

Contact SalesEnterpriseCareersTerms of ServicePrivacy PolicyAccessibility Statement

Stay connected

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