- guide
New Guide: Learn how to style Sanity Studio
Learn how to style Sanity Studio with your own colors, fonts, and logo with our new guide.
Knut Melvær
Blog
- Read “New Guide: Learn how to style Sanity Studio”
- guide
Tutorial: Make a blog with Next.js, React, and Sanity
Sometimes you just need a blog. So why not build it with something shiny like Sanity Headless CMS, React, and Next.js?
Read “Tutorial: Make a blog with Next.js, React, and Sanity”
Knut Melvær, Hidde de Vries
- community
- guide
Live coding with Gatsby.js and Sanity.io: How to make a portfolio website
Our developer Espen joined Gatsby.js’ Jason Lengstorf on Twitch and taught him how to use Sanity.io as a content backend for Gatsby.js. Together they made a portfolio website.
Read “Live coding with Gatsby.js and Sanity.io: How to make a portfolio website”Knut Melvær
- community
- guide
How to quickly set up a Gatsby.js JAMstack website with a headless CMS
We built a Gatsby.js example that ships with a Sanity.io editing environment. Here’s how to set it up with your own content, modify the look-and-feel with realt-time previews, and deploy on Netlify or Zeit’s Now.
Read “How to quickly set up a Gatsby.js JAMstack website with a headless CMS”Knut Melvær
- guide
Creating Custom Content Blocks: Wordpress Gutenberg vs. Sanity
The new Gutenberg editor for Wordpress comes with the ability to create custom content blocks using React. Let’s compare how easy it is to make those in Sanity.
Read “Creating Custom Content Blocks: Wordpress Gutenberg vs. Sanity”Knut Melvær
- guide
Our article on succeeding with headless CMS projects is up on Smashing Magazine!
Using a Structured Content Management System is a great way to free your content from presentation and web centric distribution. But how to go about it? Our developer advocate Knut Melvær has written an article for Smashing Magazine to suggest some overarching strategies, with some concrete real-world examples on how to think about working with structured content.
Read “Our article on succeeding with headless CMS projects is up on Smashing Magazine!”
Even Westvang
- guide
Indexing in Algolia using serverless functions (and observables!)
With Sanity’s powerful export API it's easy to make a small serverless function in order to index all your content in Algolia for the times you want to harness its search capabilities. It's also a nice way to learn about observables in JavaScript.
Read “Indexing in Algolia using serverless functions (and observables!)”Knut Melvær
- guide
Getting started with Sanity as a headless CMS
Sanity is the perfect companion for when you want to get started with the JAMstack, or just need API for your project. In this tutorial you’ll learn how to get started with using Sanity — from configuring the React editor with JavaScript, to querying the API and migrating the content datasets.
Read “Getting started with Sanity as a headless CMS”Knut Melvær
- guide
3 simple things in GROQ to supercharge your frontends
GROQ is Sanity’s graph-oriented query language. It lets you do rapid development with structured content. As soon as you create a document on the backend, you can instantly query it. Here's 3 simple things you can do in GROQ to get you started.
Read “3 simple things in GROQ to supercharge your frontends”Knut Melvær
- guide
5 neat tricks you can make the Sanity CLI do
The Sanity CLI can do many things, but here are five of them you should check out.
Read “5 neat tricks you can make the Sanity CLI do”Knut Melvær
- guide
Why portable text is awesome and you totally want it in your CMS
Portable text is a better way to handle content in your CMS. Here's why.
Read “Why portable text is awesome and you totally want it in your CMS”Knut Melvær
- guide
Exporting your structured content as CSV using JQ in the command line
The shell tool jq is awesome for dealing with JSON-data. It can also transform it into handy .csv-files, ready for all your spreadsheet wrangling needs. This tutorial use Sanity.io as a backend.
Read “Exporting your structured content as CSV using JQ in the command line”Knut Melvær
- guide
How to structure your code repository in a Sanity.io project
You have started a Sanity project and have configured your schemas and published some content to the API. You are now ready to make a frontend, and app, or a service that takes use of it. But how to structure your code?
Read “How to structure your code repository in a Sanity.io project”Knut Melvær
- guide
Design with real content: How to connect Sanity with Sketch using InVision’s Craft plugin
How to use structured content and Sanity’s API to prototype design in Sketch.
Read “Design with real content: How to connect Sanity with Sketch using InVision’s Craft plugin”Knut Melvær
- guide
How to conditionally build an javascript object with features in
The spread syntax lets you conveniently build an object with optional fields. Especially useful when you move user generated data via APIs to serverless functions.
Read “How to conditionally build an javascript object with features in”Knut Melvær
- community
- guide
Read about Sanity.io’s image pipeline in CSS-tricks
We wrote a post on CSS-tricks, with live code examples on Codepen, on how to use this metadata that’s applied to images in Sanity. We're pretty pleased with it!
Read “Read about Sanity.io’s image pipeline in CSS-tricks”Knut Melvær
- guide
Tutorial: Hosting your Next.js frontend on Netlify in 5 minutes
Do you want to host your Sanity backed Next.js frontend on Netlify? No problem! Just follow these few steps to get going.
Read “Tutorial: Hosting your Next.js frontend on Netlify in 5 minutes”Knut Melvær
- guide
Make a headless CMS eCommerce front-end for Vue.js, Nuxt.js and Snipcart
Headless CMS for eCommerce. A Vue.js front-end for the Sanity.io e-commerce schema powered by Snipcart.
Read “Make a headless CMS eCommerce front-end for Vue.js, Nuxt.js and Snipcart”Even Westvang