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

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.

Sanity@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 meetup.com/meetup-group-d…

January 23, 2020 at 11:10 PM

1 reply

5 likes

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:

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 - christian-lobaugh.netlify.com/blog/2020/01/h… This is a nice complement to my previous article on adding a custom YouTube video embed. #100DaysOfGatsby

January 21, 2020 at 9:52 PM

1 reply

15 likes

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.

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

January 20, 2020 at 10:26 PM

1 reply

5 likes

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

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:

January 18, 2020 at 10:32 PM

3 replies

96 likes

Gatsby + Zeit’s Now + Sanity.io starter

Costa Rica JS@costaricajs

.@kevinwolfcr exponiendo sobre @gatsbyjs @sanity_io y @zeithq 🤯 #gatsbycostarica

January 17, 2020 at 2:39 AM

20 likes

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!

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!

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!