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 April 22nd 2020

Community Digest #16

Here's the highlights and new projects launched with Sanity this week: New intros, clients, and content modelling resources.

Knut Melvær

Principal Developer Marketing Manager

Here's a curated selection of things people in the Sanity community has shared with us last week. This week we have live-streams, new intros, flutter client, and resources for content modelling and web projects. As well as a handful of inspiring new sites!

New introductions to Sanity.io from James Quick

It has been a joy to follow James Quick’s live-streamed migration of his Gatsby blog from Markdown to Sanity. We joined him when he dove into Portable Text, and it was a blast. James‘ day job is developer advocate at Auth0, an awesome service if you need authentication, and have shared his learning experience in multiple videos and tutorials.

Therefore, it was a nice surprise when his new “Getting started with Sanity.io” popped up in our feeds both as a written tutorial on Scotch.io and a video walkthrough on YouTube. If you want to onboard your (asipiring) developer colleagues, these are great resources to share with them.

Simple client for flutter/dart

If you want to use Sanity for native app development, this gist by Andreas Meistad might be interesting to check out. Andreas is the founder behind Sleepedy.com, a sleep theraphy app that you might want to check out.

Pattern for infinitely-nestable sub-categories

Masta Aaron has dived into some heavy content modelling research and found a pattern for expressing infititely nestable categories/sub-categories (it's categories all the way down?). It's a great example of how to use Structure builder as well. You can try it out yourself by visiting this gist on Github. Thanks for sharing Masta!

Open Graph Image Preview

This week, Michael Edelman shared this screenshot with us, of an autogenerated open graph image inside of Sanity Studio. He has built it from Chris Boscardi‘s tutorial on Egghead.io. Super cool stuff!

Tweet by:Michael Edelman's photo
Michael Edelman
@edelman215

Now we're cookin... autogenerating/previewing @chrisbiscardi og:Images in @sanity_io studio!

Dope. https://t.co/yr5IZymlIs

Tweet published on: Apr 12, 2020, 7:13 PM
Liked by: 12
Replied by: 2

The Web Project Book’s “Implementing Backend”: Putting Sanity.io to the test

If you are a bit of a CMS nerd, chances are that you have come over Deane Barker‘s writing at some point. Together with Corey Vilhauer, they are writing “The Web Project Book”, which includes a lot of insight to how to do a web project. When they launched the chapter on “implementing backend”, I (Knut) couldn't resist the tempation to write how it would look like using Sanity. Interestingly, it also highlights some of the major differences between using a traditional CMS and Sanity.io.

Built with Sanity

Portfolio for Arno Popperlars

Aidan Rypens posted his first Sanity + Gatsby + Netlify project which is a nice portfolio site for the cinematopgrapher Arno Popperlaars.

Super stocked to have be able to get this to clients! After a few years of denying Wordpress projects I can finally get this stack to clients!

Gallery Mar

Bill Lea has made a new website for Gallery Mar using Sanity + Next.js. Some Studio screenshots attached.

I built a Custom Input Component to custom sort artworks per artist. Also kept blog on headless WordPress since 12 years of posts, but used CLI importer to bring in all data (~3,000 artworks, etc).
'Set Artworks Sort Order' button launches FullScreenDialog component (below)
Custom input component for artworks sort order

Luz Mística – color mood web app

Lucas Vocos made a super simple web app that turns your screen into a color mood lamp. It's called Luz Mística (Mystic Light in Spanish):

Somewhat still in progress, considering adding an automatic shuffling of colors (once I figure out how to clear the interval in context).

Pier 55 – New website for the upcoming New York park

David Gross and his team over at First Child shared this gem with us: The new website for the Little Island Park (Pier 55) in NYC. Built with Sanity + Gatsby and hosted on Netlify.

The studio includes real-time draft preview panes based on @Kevin Green’s Medium post (see screenshot below).
Live preview using split panes

New site for Spare – microtransit software

Ben Organ has built the new Spare site using Sanity + Gatsby + Typescript and hosting on Firebase.

Aerial Patterns: Drone photography

Andew Zeller shared his online gallery for drone photography on Twitter. Built with Sanity + Gatsby.

Tweet by:andrewjzeller's photo
andrewjzeller
@andrewjzeller

D77&78&79/#100DaysOfCode

Been some taking time off of coding the last two weeks but the few days I built a new site for my drone photography.

It's live ➡️ https://t.co/eyYg3su2F4 📸

Built with @gatsbyjs and @sanity_io

Tweet published on: Apr 19, 2020, 3:41 AM
Liked by: 3
Replied by: 1

Page content

  • New introductions to Sanity.io from James Quick
  • Simple client for flutter/dart
  • Pattern for infinitely-nestable sub-categories
  • Open Graph Image Preview
  • The Web Project Book’s “Implementing Backend”: Putting Sanity.io to the test
  • Built with Sanity
    • Portfolio for Arno Popperlars
    • Gallery Mar
    • Luz Mística – color mood web app
    • Pier 55 – New website for the upcoming New York park
    • New site for Spare – microtransit software
    • Aerial Patterns: Drone photography

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
  • CMS for enterprise
  • 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