🪴 Sanity.io

Source

Getting Started Video

Install schema in local project.

sanity init

Start local dashboard UI

sanity start

Deploy schema changes

sanity deploy

Nice things

Portable Text and Blocks

https://www.sanity.io/guides/introduction-to-portable-text

  • Can have rich text but clean json to iterate over.
  • Can have relationships to images or other content inline

Hosting

https://www.sanity.io/docs/deployment

  • Option to self host

Datasets

https://www.sanity.io/docs/datasets

Looks like you would want a qa data set to play with in a safe env. Can probably swap these nicely with env variables.

UI Playground

https://www.sanity.io/ui

Explained in 100 seconds + extra

https://youtu.be/c_8cplBi_gE

Next.js + Sanity

Shows writable data (likes on post)

https://www.youtube.com/watch?v=Ll9AhRjmCBg

Create React App + sanity to build a portfolio

https://www.youtube.com/watch?v=NO7_jgzVgbc

Create custom input components

Make a twitter link input component

https://www.sanity.io/docs/custom-input-widgets

Importing data

https://www.sanity.io/docs/importing-data

Questions

Can images be uploaded to / search from existing AWS S3 bucket?

Maybe using this: https://www.sanity.io/plugins/s3-dam

https://www.sanity.io/docs/custom-asset-sources

Looks like gifs are not as robust as with imgix.

Though Sanity lets you import a wide range of image formats like TIFF and SVG our currently supported image formats for processed output are: JPEG, PNG and WebP.

GIF and SVG pass through the image pipeline untouched, but if you want them scaled they will need to be output as one of the three formats above.

https://www.sanity.io/docs/assets

Live Previews with next.js

https://www.sanity.io/guides/nextjs-live-preview

Made by Brandon . If you find this project useful you can donate.