Skip to content
See Sanity in action 👀 Join us for a live product demo + Q&A →
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
  • 5 Disadvantages Of Wordpress That Are Holding You Back
EnterprisePricing
Contact salesLog inGet started
Published January 24th 2020

Community digest: Custom icons, Portable Text, Gatsby, and Tailwind (#4)

In this first edition of the weekly community digest, we'll hear about custom icons, the power of Portable Text, and a few nice starters.

Knut Melvær

Principal Developer Marketing Manager

Since the Summer of 2018, we have gathered a few thousand developers on the Sanity community on Slack. The excellent people there are not only helping each other out. It’s also a place where we show each other what we have built, and where the Sanity team can get useful feedback on upcoming features. We thought it was time to share some of the enthusiasm, reflections, and insights that we see every week.

–Knut

Upcoming Events

We're hosting a meetup at Heavybit’s clubhouse on February 5th. It will be all about how to build voice assistants, and how you can customize the Sanity Studio. If you don't live in the Bay area, don't worry: We will record and put it up on YouTube.

Tweet by:Sanity.io's photo
Sanity.io
@sanity_io

“Alexa, what happens in Vegas?”

Join us for an evening of voice assistants, and rapid author experience customization!

📅 Feb. 5th, 6pm

📍 @heavybit, San Francisco

https://t.co/30SPFc9HpD

Tweet published on: Jan 23, 2020, 11:10 PM
Liked by: 5
Replied by: 2

Community Highlights

Custom icons

Christian (@codelobaugh) shares his #100daysofgatsby by posting some excellent tutorials on his blog. This week he shows us how to customize icons in the Portable Text editor:

Tweet by:Christian Lobaugh's photo
Christian Lobaugh
@codelobaugh

Want to customize the icons that Sanity Studio's Portable Text blocks display for your custom objects? I've written a quick guide showing how - https://t.co/jP2OiMlkJI

This is a nice complement to my previous article on adding a custom YouTube video embed.

#100DaysOfGatsby

Tweet published on: Jan 21, 2020, 9:52 PM
Liked by: 15
Replied by: 1

The Power of Portable Text

Eunjae (@eunjae_lee) reflects on building with Markdown, MDX, and Portable Text. While the former gives you an easy start, it might get cumbersome when you move into richer content.

Tweet by:Eunjae Lee's photo
Eunjae Lee
@eunjae_lee

I used to think markdown is pretty good for writing things. Then later I discovered mdx and thought it was enough.

But when a source gets messed up, going through multiple plugins(processors), we have no idea when that happened and there is no way to debug it.

1/2

Tweet published on: Jan 20, 2020, 10:26 PM
Liked by: 5
Replied by: 1

Eunjae also shares how he uses inline blocks with objects, and references to add flexibility to recipe content.

Tweet by:Eunjae Lee's photo
Eunjae Lee
@eunjae_lee

This experience with @sanity_io is just insane. The possibility is infinite. I write that sentence, but it can be rendered differently on the client side.

Here are two examples: https://t.co/bK3sMp7y8J

Tweet published on: Jan 18, 2020, 10:32 PM
Liked by: 103
Replied by: 3

Gatsby + Zeit’s Now + Sanity.io starter

Tweet by:Costa Rica JS's photo
Costa Rica JS
@costaricajs

.@kevinwolfcr exponiendo sobre @gatsbyjs @sanity_io y @zeithq 🤯 #gatsbycostarica https://t.co/bOIY0Gy9FH

Tweet published on: Jan 17, 2020, 2:39 AM
Liked by: 20
Replied by: 0

Kevin Wolf made a really cool Gatsby starter that let you launch a new website on Zeit’s Now in a nice command line flow. He also delivered a talk about it at the Gatsby Costa Rica meetup. Muo Bueno!

Check it out on GitHub

or run in your command line:

npx gatsby new my-awesome-blog https://github.com/iamkevinwolf/gatsby-sanity-now-starter

Gatsby, Sanity.io, Tailwind CSS, & Linaria.js Blog starter

Stephen (@stephenGFriend) forked our Gatsby blog starter on sanity.io/create and converted it to use Tailwind and Linaria. Awesome work!

Tweet by:Stephen G. Friend - BlackLivesMatter's photo
Stephen G. Friend - BlackLivesMatter
@StephenGFriend

Converted @sanity_io template over to make use of @tailwindcss and linaria.js (https://t.co/iPz6RdRo8m). The repo can be found here:

https://t.co/MF9Q7iXWzz

Tweet published on: Jan 21, 2020, 10:04 PM
Liked by: 7
Replied by: 0

Built with Sanity

Every week there are new sites and services that is deployed with Sanity.

mariadlarj.com

Rosen (www.rosentomov.com) has made a neat portfolio site for the painter Maria de los Angeles Rodriguez Jimenez using ' and Sanity. He reports that the authoring experience ended up being so great, that he actually didn't need to explain it:

Funny thing is Maria wanted me to guide her on how to use Sanity (she’s not into computers at all), so we scheduled a call. She called me an hour after I’ve created an account for her, to tell me she’s already populating contents and no need to explain anything!
Paintings and site settings managed from Sanity Studio

Check out the website


Page content

  • Upcoming Events
  • Community Highlights
    • Custom icons
    • The Power of Portable Text
    • Gatsby + Zeit’s Now + Sanity.io starter
    • Gatsby, Sanity.io, Tailwind CSS, & Linaria.js Blog starter
  • Built with Sanity
    • mariadlarj.com

Platform

Structured ContentDeveloper experienceContent LakeSanity StudioSecurity & 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

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
  • Content as a Service
  • Ecommerce SEO
  • 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 ServiceAccessibility Statement

Stay connected

  • GitHub
  • Slack
  • Twitter
  • YouTube
  • Stack Overflow
  • Blog RSS
  • Newsletter
©Sanity 2023