Remix Sanity 2023

Stack

React
Remix
Sanity
TailwindCSS

Dependencies

@sanity/client
A package to simplify querying from (and sending mutations to) the Content Lake

@sanity/preview-kit
A collection of functions to make live preview simple from inside a React application

@sanity/image-url
A library for creating complete image URLs from just the ID of a Sanity image asset

@portabletext/react
Renders block content from a Portable Text field in the Studio with props to add configuration options

Remix Client

cd client/
run npm run dev
browser url localhost:3000

Sanity Studio

cd /app/sanity/
run npm run dev
browser url localhost:3333