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

Head of Developer Relations at Sanity.io

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

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