Callie William's Realty Website

Table of Contents

• Features
• Table of Contents
• Project Overview
  • Important files and folders
• Configuration
  • Step 1. Set up the environment
  • Step 2. Set up the project locally
  • Step 3. Run Next.js locally in development mode
  • Step 4. Deploy to production
• Questions and Answers
  • It doesn't work! Where can I get help?
  • How can I remove the "Next steps" block from my personal site?
• Next steps

Important files and folders

File(s)	Description
sanity.config.ts	Config file for Sanity Studio
sanity.cli.ts	Config file for Sanity CLI
/app/studio/[[...tool]]/Studio.tsx	Where Sanity Studio is mounted
/app/api/revalidate/route.ts	Serverless route for triggering ISR
/app/api/draft/route.ts	Serverless route for triggering Draft mode
/sanity/schemas	Where Sanity Studio gets its content types from
/sanity/plugins	Where the advanced Sanity Studio customization is setup
/sanity/loader/loadQuery.ts,/sanity/loader/useQuery.ts	Configuration for the Sanity Content Lake client

Configuration

Step 1. Run Next.js locally in development mode

npm install && npm run dev

When you run this development server, the changes you make in your frontend and studio configuration will be applied live using hot reloading.

Your personal website should be up and running on http://localhost:3000! You can create and edit content on http://localhost:3000/studio.

Step 2. Deploy to production

To deploy your changes to production you use git:

git add .
git commit
git push

Alternatively, you can deploy without a git hosting provider using the Vercel CLI:

npx vercel --prod

Questions and Answers

It doesn't work! Where can I get help?

In case of any issues or questions, you can post:

• GitHub Discussions for Next.js
• Sanity's GitHub Discussions
• Sanity's Community Slack

How can I remove the "Next steps" block from my personal website?

You can remove it by deleting the IntroTemplate component in /app/(personal)/layout.tsx.

Next steps

• Join our Slack community to ask questions and get help
• How to edit my content structure?
• How to query content?
• What is content modelling?