sanity-template-kitchen-sink - GitLite

KO | EN

gitlite — search

#javascript #typescript #go #golang #rust #linux #docker #macos #java #awesome #awesome-list #vue #mcp #openai

sanity-template-kitchen-sink

(★ 106)

A collection of demo examples

파일 탐색기

최종 버전 다운로드 (.zip)

- frontend.png
- studio.png
- production.tar.gz
- template-values-development.json.example
- template-values-production.json
- - .eslintrc.js
  - .gitignore
  - .npmrc
  - .prettierrc
  - dashboardConfig.js
  - deskStructure.js
  - netlify.toml
  - package-lock.json
  - package.json
  - README.md
  - resolvePreviewUrl.js
  - sanity.json
- - .dockerignore
  - .env.production
  - .eslintignore
  - .eslintrc.js
  - .gitignore
  - .npmrc
  - .prettierrc
  - client-config.js
  - Dockerfile
  - gatsby-browser.js
  - gatsby-config.js
  - gatsby-node.js
  - gatsby-ssr.js
  - package-lock.json
  - package.json
  - postcss.config.js
  - README.md
  - tailwind.config.js
- .editorconfig
- .gitignore
- .npmrc
- lerna.json
- package-lock.json
- package.json
- README.md
.gitignore
.npmrc
.travis.yml
package-lock.json
package.json
README.md
renovate.json
sanity-template.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/sanity-io/sanity-template-kitchen-sink

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd sanity-template-kitchen-sink

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# sanity-template-kitchen-sink

_Fully customizable examples of page building, blog template and more examples with a React.js front-end._

This template repo is used by Sanity.io to easily create deployed and configured projects through a web interface. You can test it by [creating this project](https://www.sanity.io/create?template=sanity-io%2Fsanity-template-kitchen-sink).

The template contains both a Sanity.io Sanity Studio and a front-end in Gatsby. Both are deployed on Netlify.

Want to make a template for Sanity and your favourite front-end framework? We’re still maturing [sanity.io/create](https://sanity.io/create) and our APIs, but do tell us about it on [slack.sanity.io](https://slack.sanity.io).

![The Sanity and Gatsby powered blog](https://github.com/sanity-io/sanity-template-kitchen-sink/blob/main/assets/frontend.png?raw=true)

## Local development

You develop the templates in `/template`, and review your changes in `/build`.

1. **Install dependencies with `npm install` in the root folder.** This will install the template development tool that watches changes in the `/template` folder and output the template to `/build`.

2. **Run `npm run dev` in root folder.** This will build the template files to `/build`. This is how the code will look for those who install the project later.

3. **Run `npm install` in `./build/web` and `sanity install` in `/build/studio`** This will install the necessary dependencies for the Gatsby frontend and the Studio.

4. **Run `npm run dev` in `./build/web` and `sanity start` in `/build/studio`**. This will start the development servers for the Gatsby frontend and Sanity Studio.

## Notes

When developing ProjectId and dataset name can be changed in `template-values-development.json`