Community Digest #18
We‘re back again with a bunch of highlights and new projects launched in the Sanity community. From stolen CSS to artful portfolios.
Knut Melvær
Knut runs developer relations at Sanity.io.
Every week we share some of the highlights that are shared in the Sanity community.
We have already blogged about it, but it deserves repetition: We have released the source code to our community management studio. We use it to keep track of questions asked in our community slack, and gain insights to what we should improve in the documentation, bugs, and feature requests. It also features serverless Google SSO integration and more advanced patterns for structure builder that might be of inspiration.
The Community Studio features:
* Track messages and threads with 🎫 and mark them as done with ✅
* Scope ticket creation to an email domain
* Personalized desk structure
* Custom input components for easy tagging
* Serverless deployment on @vercel
https://t.co/Khwt53RGNm https://t.co/TUBVtLMmHv
We are humbled, amazed, and deeply grateful for all of you who recommended Sanity.io for Wes’ next course. Developer experience is already at the core of how we think product, and this just makes us want to double down on it even more.
If I were to use a Headless CMS in my next course (Gatsby!), which one would you like to see?
Currently dancing between ease-of-setup and Flexibility on a few of them.
Speaking of Wes Bos, he took notice of the pixelated blur-up effect we used on sanity.io and borrowed it for blurring up… pizzas? image-rendering is definitively among the under-appreciated CSS properties out there.
Stealing this design detail from @sanity_io. Pixelated base 64 previews as the large image loads:
.gatsby-image-wrapper img[src*=base64\\,] {
image-rendering: -moz-crisp-edges;
image-rendering: pixelated;
} https://t.co/l9sZV12Gpn
Sticking to the topic of image assets, here’s a snippet for those times you want to surface the image asset collection in the Studio and make the user-editable fields available (great for editing global alternative texts). Another example of the endless possibilities the Structure builder API gives you.
Knut [ed. that‘s me in the third person] felt lazy and didn’t want to waste time figuring out what the latest digits for the community digest were. So he made an initial value template to create a new edition. Here’s the gist if you want to tweak it for your purposes.
Initial Value Templates for @sanity_io are handy for automating stuff that you do regularly. Every week I create a new community digest with the same title convention and structure. So I made a thing that put in the right values, including the correct number iteration. https://t.co/jk9Tf9VNJN
Alex “Coding Cat” Petterson shared this tutorial on how to sync your content from Sanity to Firestore. And demonstrates how little code you need to move your content around:
Here’s a collection of new projects and websites that launched with Sanity the past week. If you have launched something with structured content from Sanity, tell us about it on Twitter or in the #i-made-this channel in the community Slack (and do share screenshots of your studios)!
Albin Groen just launched his new personal website / digital garden on albingroen.com:
Using Sanity together with Gatsby and theme-ui is definitely one of the better developer experiences I've had in a while!
This week, Chandler Van De Water announced this slick company website in the #i-made-this channel:
I just launched my company’s new product site, which I designed and built: twinthread.com –sanity (graphql) + gatsby + rebass. It was really fun to work on.
Gabi writes about her new blog called documentingiscool.netlify.app (we especially liked the post about “enhancing your technical job opportunity description”):
Hello, yesterday I started looking into sanity.io and today my blog is up. The blog theme is simple and nice (it's what I wanted), and I made it even simpler (no images on the preview or shown author - I am the author). I wanted a place of my own to write technical or otherwise connected posts and ideas. Thank you very much for the help I got in my troubleshooting, I appreciate you took the time.
Laura shared the new e-commerce site for her pottery and art. Powered by Gatsby, Sanity, and Snipcart for the cart and checkout experience. We really like the idea of making your own besoke e-commerce experience for your own handcraft.
Simon Rogers at the London-based Fraser Muggerige studio shared this new series of fortnightly microsites for exhibitions at Sadie Coles! We love the return of <marquee> here!
Paulius launched a portfolio site for his friend. It features some really tasteful page transitions and a ton of great visual design work. Here is what Paulius says:
Based on Sanity Portfolio starter. Very happy with the ease of building content models!
