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
  • 5 Disadvantages Of Wordpress That Are Holding You Back
EnterprisePricing
Contact salesLog inGet started
Published March 13th 2020

Community Digest #11: E-commerce, women in tech, and hackathons

Most of us have spent the last weeks adjusting to the COVID-19 outbreak in some way or another. With everything that is happening, it still good to have something that's “business as usual.” So here's a new community digest, with community highlights, new launches, and a developer profile.

Knut Melvær

Principal Developer Marketing Manager

It has been a strange week for most of us. The COVID-19 epidemic has been devastating for many, and most of us are dealing with it in one or another. Many of you are currently working from home and having to figure out family logistics with schools and kindergartens closing. These can be stressful times, but we hope you all stay safe and healthy. If you are not used to the home office life (or are!), we are always happy to hang out in our developer community.

We are still building, sharing, and helping each other out! This week we have seen you launch a of cool new websites, published plugins, and shared nifty tips and tricks. And as always, this post is the highlight of Sanity HQ’s week.

Community highlights

Get started with e-commerce with Gatsby, Snipcart, and Sanity

Richard Haines is writing a comprehensive series on how to make an e-commerce site using Gatsby, Snipcart, and Sanity. The first two parts are already out, and we look forward to more to come!

Tweet by:Rich Haines's photo
Rich Haines
@studio_hungry

@jonnycodes @jasonbahl @gatsbyjs I'm currently writing up a tutorial series of blog posts for creating an ecommerce theme with @snipcart and @sanity_io Parts 1 and 2 you can find here: https://t.co/Kov5TqcgUd

https://t.co/5Gg6u8tyHW

Tweet published on: Mar 12, 2020, 5:49 AM
Liked by: 7
Replied by: 2

Microsoft features Victoria

It was the international women‘s day last Sunday, and Microsoft did a series on inspiring women in tech to mark the occasion. Among those is our own Victoria, who works at Sanity as one of our brilliant frontend engineers. Victoria is also a great example that you can come from many different backgrounds, and still do excellent work in tech. And if you want to become Victoria’s colleague, check out our open positions.

Tweet by:Microsoft Developer Western Europe's photo
Microsoft Developer Western Europe
@Msdev_WE

In honor of International Women's day, we interview inspiring womxn from the community on how they got into Tech.

Next up: @vicbergquist , Frontend Engineer at @sanity_io 🇳🇴

👉 https://t.co/yBMIoCGt7m

#IWD2020 #womenInTech #SurfaceTheWomen https://t.co/yqCDl1h3Ew

Tweet published on: Mar 8, 2020, 1:51 PM
Liked by: 36
Replied by: 0

Choosing your tools

We have all had to build with technology that was chosen for us. It doesn’t always have to be that way. As Eivind points out, it's also possible to bring your preferred tools to clients, especially if you think that it's what will give them the best results.

Tweet by:Eivind Lindbråten's photo
Eivind Lindbråten
@eivindml

@hankchizljaw @MikeRiethmuller I'm using @sanity_io with Next.js, and I just tell clients "this is what I work with, and what I can guarantee lets me build the best products".

Tweet published on: Mar 11, 2020, 2:51 PM
Liked by: 7
Replied by: 0

Two new plugins: Wistia and positioning

New plugins are popping up every week! Here's two that Edolyne shared with us, one for integrating with Wistia, and adding an input for positions.

Tweet by:Sir Edolyne of Long's photo
Sir Edolyne of Long
@edolyne

Been working on a few @sanity_io powered sites lately, and have extracted some of the input plugins that I’ve been writing and published them to @npmjs. If you’re looking for a positioning or @wistia input you can find them at https://t.co/54A4eJTbry and https://t.co/LcRrfGpNa7

Tweet published on: Mar 10, 2020, 12:50 AM
Liked by: 9
Replied by: 0

Dashboard widget for Amplify deployments

Christian Lobaugh has made a dashboard widget for triggering builds on Amplify. Super useful if you want to give people in the studio a way to build with new content changes.

Hearts and minds!

Unnecessary to say, we love to be a go-to tool!

Tweet by:Workshop Orange's photo
Workshop Orange
@workshoporange

"From weekend projects to enterprise comforts" is a great description of @sanity_io. It rapidly captured our hearts and minds, and is out go-to tool for SaaS based Content Management

Tweet published on: Mar 8, 2020, 9:46 AM
Liked by: 8
Replied by: 0

Brand your studios!

Henrique Cavalieri has been sharing a lot of his work lately, and has some excellent advice for people who build with Sanity for clients:

Quick tip: brand your studios before delivering to clients (internal or external)! It'll take ~10 minutes after you're used to doing it, and will make quite the impact. The studio on the right is the old version we delivered to a client back in 2018, when Desk Structure was just out and I didn't know my ways around it. Today I took the chance to refresh it, the clients were super happy about it

Check out this guide if you want to do this yourself!

#hackathon

Geta Digital onboarded their team to Sanity with a hackathon this week. And we just wanted to share their list of ideas as inspiration. If you plan a Sanity hackathon (they can also be done online), you should let us know upfront and join the new #hackathon channel in our developer community!

  • Create a landing layout with reusable components
  • Extend Sanity Studio - Add color picker editor or try to build a simple version of tags
  • Consume data in sample SPA application
  • Build caching layer (Proxy API) and listen on incoming Webhooks from Sanity to invalidate cache
  • Integrate studio with 3rd party identity providers (for example, Identity Server, Auth0, Azure AD, etc).
  • User identity flow further to Proxy API to represent user there and customize response (to mimic visitor groups for example)
  • How to create generic page preview
  • How to build dynamic forms
  • Personalization of content
  • Deploy and host sanity studio and website
  • Working with different datasets / environments
  • Share content definitions between studio and .NET SDK projects (delivery site for example)
  • Workflows
  • Restyle the Sanity Studio

Built with Sanity

Shopify powered ecommerce for Flanko Watches

Cali Castle shared this new horological e-commerce site for Flanko Watches. Built with Shopify, Auth0, and Nuxt.js.

Ecommerce for Framing People

A cleverly named Danish framing company was launched this week with the help from Toms Seisums & co at Nethart. They built the The Framing People website with Next.js, Three.js, and Shopify.

Tweet by:Nethart's photo
Nethart
@Nethart

Just last week we launched a new version of a headless eCommerce platform for Framing People where people can frame their artwork in the best and most customizable way. Configure a frame. Upload favorite artwork and 3D-preview the end result. Make sure the outcome is just right. https://t.co/cRjq52rxvW

Tweet published on: Mar 11, 2020, 3:26 PM
Liked by: 6
Replied by: 2

Image uploader with Swift UI

Eivind Lindbråten shared this brilliant “weekend build”, a simple image uploader built with Swift UI.

He's also started on a Sanity client for Swift.

Beloved Emergence 2020

David Knape shared the new site for Beloved Presents, a production company out of Portland.

The Beloved music festival is their main event each summer, and I have helped them migrate from many years of Wordpress. I moved to Gridsome and Sanity. We launched the main site and event listings last month. Today we put up a teaser for ticket sales, and next week we launch the rest of the pages and blog posts.
Structured content with a page builder

Portfolio for Jarod Taber

Lucas Vocos shared the portfolio for the New York-based art director Jared Taber. A super simple studio, which is a great example that Sanity can be used for small projects as well.

Developer profile: Boye Borg

This week we talked to Boye, who is one of the developers behind the Oslo Pride website (they also have an iOS app, powered by Sanity).

 – Who are you and what do you do?

I'm a full stack developer based in Oslo, volunteering at Oslo Pride in my spare time.I also have a cat named Conrad, who regularly contributes to projects I'm working on by carelessly walking on my keyboard.

– Tell us what you're working on at the moment

This year has so far been a rewrite bonanza for me 🤠

When I joined Oslo Pride (late 2018), we decided to rewrite a lot of our technical stack from WordPress to Sanity and Next.js. When that decision was made we had about 4–5 months until the 2019 program was scheduled to be released. Even though the 2019 festival went great, and the website performed better than ever, we quickly realised that we made a lot of bad architectural decisions that was not easily fixed. Because of this, I started the process of rewriting our front-end application to Gatsby in the beginning of January 2020.

One month ago, in mid-February, I realised that the front-end was becoming too complicated. Since we only consists of volunteers, we need to have a technical stack that's cool, hip and trendy to attract people, but at the same time not that difficult to get started with. I removed Gatsby from the mix, and started rewriting everything yet again, but this time as a "vanilla" react app, but with TypeScript. So far, this seems like the best choice for us, and the team is more productive now. However, I'm very curious to see how this plays out over time, but so far it feels great!

– What is your go-to stack these days?

I love both Gatsby and Next.js, but right now, I'm diggin' the "frameworkless" life:

  1. Sanity
  2. React
  3. TypeScript

I also really like SWR for data fetching. It simplified our logic a lot, and works great with Sanity! For complex state handling I enjoy using Overmind. Currently I'm mostly using Emotion for styling, but I'm super curious of classy-ui.

– Tell us how you discovered Sanity!

I'm not quite sure, but I previously worked for a company (Iterate) that works a lot with startups, and they're using Sanity a lot. However, Sanity has been a hot topic within the tech community in Oslo for some time.

– If you had to pick only one, what is your favourite Sanity feature?

It must be the community! It's so friendly and welcoming ❤️ If you're not on Slack, you definitely should join. It's a great place to get help, but also inspiration from what other people are doing.

– Do you have a recommendation that developers should check out this week?

Lately I've spend a lot of time watching keyframers on YouTube. They make really cool design and micro-interactions live on their channel, usually without any framework (just html, css and js). I'm also really into React Podcast. If you've never listened to it and want to give it a shot, I recommend episode 80 with Daria Caraway.

Page content

  • Community highlights
    • Get started with e-commerce with Gatsby, Snipcart, and Sanity
    • Microsoft features Victoria
    • Choosing your tools
    • Two new plugins: Wistia and positioning
    • Dashboard widget for Amplify deployments
    • Hearts and minds!
    • Brand your studios!
    • #hackathon
  • Built with Sanity
    • Shopify powered ecommerce for Flanko Watches
    • Ecommerce for Framing People
    • Image uploader with Swift UI
    • Beloved Emergence 2020
    • Portfolio for Jarod Taber
  • Developer profile: Boye Borg

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