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

Head of Developer Relations at Sanity.io

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

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