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