Great content editing experiences and marketing freedom for clients is key for us at Kaordica, and we love the fact that @sanity_io allows us to execute this perfectly. We've just shipped a handy OG image generator for one of our clients š¤© loom.com/share/9c1baf88ā¦
Community Digest #7: Great advice, Theme-UI, grids, and awesome SEO
We have a chunky digest for you this week!
Published
Knut MelvƦr
Head of Developer Community and Education
![The grid plugin for Sanity Studio](https://cdn.sanity.io/images/3do82whm/next/05fd8e362a3527e5c6bdbd2120719e02716203d9-3600x2700.png?w=3840&q=75&fit=clip&auto=format)
Among the community highlights this week, is the reflections from Michael Edelman (featured last week) about āTalking about what youāre doingā as key to his success as a freelancer. Of course, we wholeheartedly agree. Not just because it might get you recognition and new clients, but also because your insights and experiences will be useful for others. Weāre very grateful for everyone that does this.
Here are some of this weekās community highlights and new launches with Sanity.
OpenGraph generator and preview for SEO
Henrique Cavalieri is one of our earliest adopters and the person behind the first iteration of the Gatsby plugin. This week he shared with us a custom asset source for creating the image used preview cards in social media etc. Together with a custom SEO preview, he has made a nifty authoring experience for his client. Weāre impressed!
Grid layout builder
We usually preach that you should keep presentation concerns out of your content models. That being said, the demo Kim shared in the community Slack is pretty slick. It's even published as a plugin (beta).
![](https://image.mux.com/VcYZCioNlRoBJDL5qXoO6zej7l003j01ty/thumbnail.webp?time=0)
Portable Text + Theme-UI = š
Eric Howey (@erchwy) is developing a Gatsby-starter thatās featured in an earlier digest. Theme-UI is a framework for building design systems in JSX. In this post, he shares how to work with theme-ui and Portable Text:
Gatsby, SANITY.io and Theme-UI are quickly becoming my go-to stack of development tools. Gatsby on the frontend. SANITY on the backend. Theme-UI as the design system interface. Combining these three tools has been fairly smooth, but it took me a while to realize I could link Theme-UI design tokens directly with SANITY block content using a serializer. Then things really took off!
Tweet not found
The embedded tweet could not be foundā¦
We did some interviews
Make sure to check out our interview with developer advocate Kristian Freeman about how the new Cloudflare Workers showcase site was built. We hope to see more people try out that combination soon. Workers are really slick!
![](https://i.ytimg.com/vi/udI-pnsWzpc/maxresdefault.jpg)
We also did an interview with Alex Petterson (@ajonpcom) over at Purrfect.dev about Sanity.io and how it actually works. Thanks for having us Alex!
Built with Sanity
Artist portfolio for Guillermo GĆ³mez-PeƱa
Ronald Aveling (@ronaldaveling) shared the personal site for performance artist and MacArthur Fellow: Guillermo GĆ³mez-PeƱa. With slick typography and creative navigation, they have made an intriguing introduction to the artistsā work. Built with Gatsby and hosted on Netlify. Ronald comments:
The team supporting the siteās content arenāt overly tech-savvy. They commented on numerous occasions that working with Sanity was really easy and intuitive. Working with the content in full page view āfelt like working in a Google or Word Docā.
![Sanity Studio with content types, a list of works and an editor](https://cdn.sanity.io/images/3do82whm/next/036750590ce0c3a9e140a4c76edfb367b856044f-1578x980.png?w=3840&q=75&fit=clip&auto=format)
Album Daily
Want some curated album tips to your inbox, or just browse the archives to find some gems you had forgotten? Henry Garrett (@garretthenrym) got you with his Gatsby+Sanity website over at albumdaily.com.
Album Daily šµ Built with: Gatsby, React, Express Hooked up to: @sanity_io Hosted on: @Netlify albumdaily.com
Key+Needle Recording Studio
Product designer over at Hearst Media, Artem Artemov (@artemartemov) has put out a new site for Key+Needle Recording Studio. We love it when people make sure to customize the studio with brand colors and logos. Notice the content models too: That gear listing can be used in many different ways.
![Sanity Studio with some content types and a open form for contant modal](https://cdn.sanity.io/images/3do82whm/next/80a0ffd1925bc55f9cc779535fd27a538b045cf6-3014x2356.png?w=3840&q=75&fit=clip&auto=format)
SimRacing Grand Prix
There are already a couple of e-sports sites running on Sanity. Now, the official Norwegian SimRacing portal is added to the collection by Tommy Ćstgaard. It uses Firebase for user authentication, which is synced into Sanity to augment the driver profiles with more information. They also made a CSV import tool to import the results that comes from the simulator, and of course, they made sure to brand the studio accordingly.
![SimRacing Grand Prix Studio](https://cdn.sanity.io/images/3do82whm/next/294a9f1427bcf2b8bdadd9e370f6b0ae3e87d30f-1438x790.png?w=3840&q=75&fit=clip&auto=format)
![A custom tool for importing results from a CSV file](https://cdn.sanity.io/images/3do82whm/next/adc52bf14a0f784f37923d51c3cfff5de9fa93f4-1440x789.png?w=3840&q=75&fit=clip&auto=format)
Not just websitesā¦
Simeon Griggs (@simeongriggs) posted in the #i-made-this channel in the Slack community about his experience with using Sanity for an Express.js app:
No link, but I just wrote my first ever Node Express app, pushed to Heroku, read and parsed some dynamic XML files and imported into Sanity. Itās very fast and very cool how simple it is.
We sometimes suspect that people don't realize this: With Sanity you'll have a versatile write API out of the box. You can define transactions and nested patches in a JSON/JavaScript object structure. It's actually pretty neat!
Personal portfolios
Everyone should have a little space on the web thatās theirs. If you want to get a head start you can always launch our starter and tweak it to your hearts desire.
Full-stack designer Lucas Vocos shared his stylish and minimal site with us. (He is also behind the gatsby-sanity-shopify starter that you should check out.)
Dan Hollick has claimed his space on alcohollick.com, where you, alongside his portfolio, can also find A+ Figma tutorials.
Thoughts: šThey are both heavily extensible but with opinionated defaults. š¼ļø Gatsby's image handling has a learning curve but the results are amazing. š Sanity's model for content is just so easy to extend and the editing experience is dope out of the box.