evavic44 / sanity-nextjs-site

Modern portfolio site built with Next.js 13, Sanity, Tailwind CSS and TypeScript

Sanity.io + NextJS Portfolio Site

A portfolio template built with Next.js, Tailwind CSS and Sanity.io for content

To use this template for your portfolio site, follow the guide: How to build a Portfolio Site with Sanity and Next.js to learn how to set-up your Sanity account and connect the schema data

Features

• A performant, static personal personal website with editable projects
• Manage portfolio content through sanity content lake by visiting yourwebsite.com/studio
• Webhook-triggered continuous deployment; Content updates will automatically trigger a build command
• Built with cutting-edge technologies: Next.js 13, TypeScript, Tailwind CSS

Project Overview

Personal Website	Studio

Important files and folders

File(s)	Description
sanity.config.ts	Config file for Sanity Studio
sanity.client.ts	Config file for Sanity CLI
studio	Where Sanity Studio is mounted
schemas	Where Sanity Studio gets its content types from
sanity.query.ts	Where Sanity data is described and retrieved

Run project locally

git clone https://github.com/Evavic44/sanity-nextjs-site.git

cd sanity-nextjs-site

npm install

npm run dev

Visit http://localhost:3000 to see your site
Visit http://localhost:3000/studio to edit content

Next steps

• How to query content?
• Sanity + NextJS Blog Template

sanity-nextjs-site's Issues

Unable to expose a schema

Hi everyone! I've been following the tutorial successfully until I reached the Job schema. For some reason I cannot expose it. This is how my schemas index.ts code looks:

import job from "./job";
import profile from "./profile";

export const schemaTypes = [job, profile];

I have also tried to expose only the Job schema by removing the Profile from the array, but still I only see the Profile tab as shown here:

Any ideas? It might be something really small but I'm stuck.
Thank you in advance 🙂

Q: SSR or SSG?

Thanks for this tutorial! I really enjoyed doing it. 👍

Something that isn't clear: what rendering strategy is being used? Static? Server-side? Since getStaticProps or getServerSideProps isn't being used, it isn't clear to me.

git clone https://github.com/Evavic44/sanity-nexts-site typo

There is a typo in the install instructions it should be

git clone https://github.com/Evavic44/sanity-nextjs-site

not

git clone https://github.com/Evavic44/sanity-nexts-site

Content not updating when making changes in Sanity studio

Hi Victor and all,

I've been following this tutorial and it's amazing to learn about Sanity headless CMS.
However, I encountered an issue about using the studio. Whenever I make changes in the studio, it does not reflect the changes on the website. I did set up the deployment hook to make sure that the site rebuilds automatically every time I save changes in the studio. Does anyone know why? Should I use getStaticProps() to fetch the data instead? Here is a deployment log from Vercel for your information. Thank you.

Setup on demand revalidation for content updates

Implement on demand ISR for those having content update issues and are unable to get Sanity deployment hooks to work.

cc: #3

Resume missing file extension

Hi there,

upon clicking the download resume button, the resume downloads as
a file that has no extension. I tried troubleshooting by myself, but can't
seem to fix the problem

Hopefully you can help.