How AI is powering better personalization in e-commerce [with Vercel]. Sign up now

Portfolio

A sample portfolio to learn more about Sanity.io and GROQ

By Sara Gray


Project Shots

React portfolio landing page
Project schema written to present information created in Sanity Studio. Accessed via a GROQ query and display in a React frontend
The About page uses an Author schema which has been adapted to more information about each author.
This shows the post page. Each post is created in the Sanity Studio and the schema accessed via a GROQ query and displayed in a React frontend
Single post uses BlockContent to display the post

Editing environment

The Studio setup for creating Posts
Editing the Project content using Studio. Schema created in the code.
GROQ query in a useEffect hook within the React component to display the projects
The Project Schema implemented from the CLI to create the Sanity Studio