Sanity Studio CMS - Earthflex.dev

Sanity CMS: To manage my personal website, I use clean Sanity templates and custom schemas to fit my data.

you can download and use this template to demo this template add yor Environment Variables

• Project Overview
  • Important files and folders
• Configuration
  • Step 1. Set up the project locally
  • Step 2. Create a new project Sanity
  • Step 3. Set up the environment
  • Step 4. Run Sanity locally in development mode
  • Step 5. Connect front-end to display your personal site.

Project Overview

Important files and folders

File(s)	Description
sanity.config.ts	Config file for Sanity Studio
sanity.cli.ts	Config file for Sanity CLI
schemas/index.ts	Where Sanity Studio gets its content types from
.env.local.example	Environment: Example Configuration

Configuration

Step 1. Set up the project locally

Clone the repository that was created for you on your GitHub account. Once cloned, run the following command from the project's root directory:

Step 2. Create a new project Sanity

Sign in & Sign up Click Create a new project. The project ID and title dataset will be produced after the project is created.

Step 3. Set up the environment

This will create a git-ignored .env.local file with environment variables that will be used for local development. see example .env.local.example

Add your projectId & dataset SANITY_STUDIO_PROJECT_ID && SANITY_STUDIO_DATASET

Step 4. Run Sanity locally in development mode

npm install && npm run dev

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

You can create and edit personal profile on https://localhost:3333/ . default PORT Sanity

Step 5. Connect front-end to display your personal site.

This is my personal site use case. : https://earthflex.dev/

deploy with https://vercel.com/

Learn more Sanity

• Read “getting started” in the docs
• Join the community Slack
• Extend and build plugins