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
  • 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
  • Announcing: Sanity Community Ambassador Program
EnterprisePricing
Contact salesLog inGet started
Published April 14th 2020

Community Digest #15

We're back from Easter holiday with new content and projects from the Sanity community: Live-streams, guides, nifty widgets, creative sites, and a wine-lottery app.

Knut Melvær

Head of Developer Relations at Sanity.io

We’re just back from our Easter-holiday vacation and have gotten a bit of rest and recreation, something we hope you have been able to do as well. Meanwhile, there is new stuff shared with the community that we wanted to tell you about.

And by the way, if you haven't already, you are more than welcome to join us over at slack.sanity.io!

Community Highlights

Live stream with James Q Quick: Gatsby + Sanity

James, developer advocate over at Auth0, has spent two live sessions moving his Gatsby blog over to Sanity. These videos are super instructive if you want to get a sense of how Gatsby + Sanity works, and plan to do the same move.

  • Part 1
  • Part 2

Follow James for more live-stream content. And we might appear there in the near future as well!

Tweet by:James Q Quick's photo
James Q Quick
@jamesqquick

I'll be experimenting with @gatsbyjs and @sanity_io tomorrow at 2pm on the "Quick Hacks" episode of my live stream! If you have any experience with sanity, it would be great to have some backup and extra knowledge in the stream.

https://t.co/wHw7ZlbULy https://t.co/v5aX59Sfrw

Tweet published on: Apr 8, 2020, 8:52 PM
Liked by: 23
Replied by: 3

Exploring Sanity: Style the studio and integration with Gridsome

The folks over at Head for code have published two new guides for how to style the studio, and how to integrate Sanity with an existing Gridsome site.

Sanity as a CMS: First impressions

One of the most important things you do when developing a product is to listen to what people who try it have to say. So write-ups like the one by Morgan Grage on the Kodex blog is interesting for us. What have we have managed to explain well? Where is our documentation lacking? What do they like? If you do a write-up, let us know on Twitter or in the #i-made-this channel on Slack.

“Sanity is the fastest, most flexible platform for delivering content to digital devices and products.” I would say, that it's pretty accurate. The amount of stuff you can do with Sanity seems limitless, but it takes the right amount of skills to handle it.

Custom tools for custom needs

We guess not everyone finds themselves in need of base64 de/encoding. But it sure nice to know that it's possible to make a custom tool within the Sanity Studio if you do. Lucho did!

I've been wanting to add more functionality to my website's (https://lucho.dev/) Studio, so I decided to add a new dashboard with a Base64 encoder/decoder. It's super simple but it gets the job done of what I need :)

Lucho also added a contact form with a widget to display the entries. You can explore this repository if you want to test out how to submit forms to Sanity with Netlify functions if you want to try the same.

Tweet by:Lucho's photo
Lucho
@luchoster

I finally got around adding a contact form to my website. But instead of sending emails, it adds a new entry in my form schema of my @sanity_io CMS. And I added a dashboard widget to display those entries. https://t.co/lhZzAeWjiP

Tweet published on: Apr 7, 2020, 5:27 AM
Liked by: 16
Replied by: 2

Built with Sanity

Game studio site for very very spaceship

Cali Castle shared this game studio site for very very spaceship with us. We think it's very very cool!

I’ve helped our team ditch WordPress and now it’s built on Sanity + Nuxt.js (universal mode on zeit) + Tailwind, super thrilled with the results!

People @ Home

We love creative projects like the website People @ Home built to raise money for WHO. Donators get their dedicated hand-draw animation published on the site. Philipp Polder, one of its creators, explains:

Basically we're raising money for the WHO by offering hand-drawn animations as donation incentives. It's a static site built on Next.js and uses serverless functions to create an entry in the sanity backend for every donation. The illustrator can then add an animation to that entry, optionally refine some data and publish/deploy it. We also use a super simple dashboard widget to keep track of how much money we've raised, the transaction fees etc. Has been a lot of fun! I plan on adding more content statistics to the dashboard and maybe a custom workflow, so that we can notify the donors right from the backend once their animation has been published. (via Sendgrid/Mailgun/etc.)
Video via the awesome Mux integration with auto generated GIFs for thumbnails. The green checkmarks next to the name mean that this donor has been shared on Instagram.

Agency site: Jaminary

Every week we see new freelancer and agency sites being built with structured content from Sanity. Daniel Kapper did precisely that and launched their website this week over at jaminary.com. If you need an SEO-friendly marketing e-commerce solution, Jaminary might be able to help you.

Personal portfolio for André Venâncio

London-based senior creative developer André Venâncio decided to ditch Wordpress and built himself a new one using Sanity as the content backend. Browse his work over at www.andrevenancio.com!

Corona-time wine lottery

Espen Th. Saeverud over at StaccX made this wine lottery app using Sanity as a backend. Pretty cool example of how you can use Sanity for apps as well. While the wine lottery source code hasn't been made public (yet?), you can check out our quiz-game Squizzy for inspiration if you want to try something similar out yourself. Espen elaborates on the architecture for the wine lottery app:

CRA + Sanity + serverless for mutations. Auth0 for auth. Games are created using the studio, the rest is controlled by the “owner” on the client. Games have a status field. When this sets to open the tickets are generated. When the status changes to started the unclaimed ones are deleted. Gameresults are its own entity. A LOT of references in this setup, but it works pretty well.
The content structure
Each game defines its prices with links to our Norway’s wine-monopoly (google it)
Tickets can be "preproduced" so to more accurately emulate the analog version we had at the office with the paper lottery tickets
Results is a document where the ticket and game are referred. Ticket already have the reference to the game, but this makes the groqqing a bit easier on the client-side.

Page content

  • Community Highlights
    • Live stream with James Q Quick: Gatsby + Sanity
    • Exploring Sanity: Style the studio and integration with Gridsome
    • Sanity as a CMS: First impressions
    • Custom tools for custom needs
  • Built with Sanity
    • Game studio site for very very spaceship
    • People @ Home
    • Agency site: Jaminary
    • Personal portfolio for André Venâncio
    • Corona-time wine lottery

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