Structured Content 2022: Join our conference to explore fresh perspectives on content and digital experiences →
Skip to content
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
  • Morning Brew - Omnichannel media distribution
  • InVision - Delivering exceptional customer experiences
  • DataStax - Personalization for global audience
  • Cloudflare - Flexible modeling for a global CDN
  • React
  • Gatsby
  • Next
  • Nuxt
  • Eleventy
  • Netlify
  • Vercel
  • Algolia
  • Documentation
  • Reference
  • Guides
  • Tools & plugins
  • Project showcase
  • Schemas & snippets
  • Technology partners
  • Get support
  • Share your work
  • Migrating the Netlify Blog from Hugo to Eleventy using Sanity
PricingContact salesLog inGet started
NEWS · 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

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

Resources

Documentation
  • Content Modeling
  • 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
  • React Starters
  • Next.js Starters
  • Next.js Landing Pages
  • Next.js E-commerce
  • Gatsby Starters
  • Gatsby Plugins
  • Developer Portfolio Templates
Case Studies
  • Headless CMS
  • Digital Experience Platform
  • Static Site Generator
  • Localization
  • GraphQL vs REST
  • React CMS
  • Next.JS CMS
  • Gatsby CMS
  • Node CMS
  • E-commerce CMS
  • Vue CMS
  • Angular CMS
  • GraphQL CMS
  • Newspaper CMS
  • Magazine CMS

Company

Contact SalesEnterpriseCareersTerms of Service

Stay connected

  • Github
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS

Subscribe to our newsletter

©Sanity 2022