Sanity Integration

npm create sanity@latest -- --project {projectId} --dataset production --template clean --typescript --output-path studio-{your-project-name}
cd studio-{your-project-name}

import {defineField, defineType} from 'sanity'

export const postType = defineType({
  name: 'post',
  title: 'Post',
  type: 'document',
  fields: [
    defineField({
      name: 'title',
      type: 'string',
      validation: (rule) => rule.required(),
    }),
    defineField({
      name: 'slug',
      type: 'slug',
      options: {source: 'title'},
      validation: (rule) => rule.required(),
    }),
    defineField({
      name: 'category',
      type: 'string',
      validation: (rule) => rule.required(),
    })
  ],
})

import {postType} from './postType'

export const schemaTypes = [postType]

npm run dev

git clone --depth 1 --single-branch https://github.com/TencentEdgeOne/pages-templates.git temp
mv temp/examples/portfolio-with-sanity .
rm -rf temp
cd portfolio-with-sanity

import { createClient } from 'next-sanity'

const projectId = process.env.NEXT_PUBLIC_SANITY_PROJECT_ID;
const dataset = process.env.NEXT_PUBLIC_SANITY_DATASET || 'production';

if (!projectId || !dataset) {
  throw new Error('Sanity environment variable not set. Please ensure NEXT_PUBLIC_SANITY_PROJECT_ID and NEXT_PUBLIC_SANITY_DATASET are set up');
}

console.log('Sanity configuration:', {
  projectId,
  dataset,
  apiVersion: '2024-03-01',
  useCdn: false, // Disable CDN during local development
  perspective: 'published'
});

export const client = createClient({
  projectId,
  dataset,
  apiVersion: '2024-03-01',
  useCdn: false, // Disable CDN during local development 
})

NEXT_PUBLIC_SANITY_PROJECT_ID=${your sanity space ID}
NEXT_PUBLIC_SANITY_DATASET=${your sanity dataset}

git add .
git commit -m "Initial commit"
git push origin main