Sanity 시작하기

Sanity 계정 생성

sanity.io로 이동

클릭 log in

클릭 create an account

가입, 저는 이것을 위해 GitHub를 사용합니다

Sanity 대시보드로 라우팅되어야 합니다sanity.io/manage.

Sanity CLI 설정

명령줄에서 실행하여 Sanity CLI를 전체적으로 설치합니다.i는 install의 줄임말입니다.-g는 전역적으로 패키지를 설치하는 것입니다.

npm i -g sanity@dev-preview

The global install for sanity v3 might be outdated by the time you read this. You may no longer need '@dev-preview', or you may need something else entirely. It's best to check the docs or npm package before committing to it so you're not stuck later on.

그런 다음 여전히 프로젝트 폴더 안에 있는지 확인하고 다음을 실행하십시오.

sanity init

가입할 때 사용한 방법을 사용하여 로그인하라는 메시지가 표시됩니다. 그래서 나 자신을 위해 GitHub

를 선택합니다.

이것이 첫 번째 프로젝트인 경우 프로젝트 이름을 묻고, 이미 프로젝트가 있는 경우 새 프로젝트를 만들거나 기존 프로젝트를 사용하라는 메시지가 표시됩니다. Create new project 를 선택하거나 아직 프로젝트가 없는 경우 프로젝트 이름을 묻는 메시지가 표시됩니다.
내 프로젝트 폴더 이름을 그대로 내 이름example-blog으로 지정하겠습니다.

enter를 눌러 기본 데이터 구성을 수락합니다.

폴더 이름에서 출력 경로의 마지막 경로를 studio로 편집합니다.

예시

From this:
\Documents\Projects\tutorial\example-blog\example-blog
To this:
\Documents\Projects\tutorial\example-blog\studio

5 . 새로운 설정으로 시작하려면 템플릿으로 Clean project with no predefined schema를 선택하십시오.

6 . TypeScript를 사용하려면 Enter 키를 눌러 아니요를 선택하세요.

그리고 그게 다야! 이제 Sanity가 설정되었으며 이를 실행하면 Sanity.io의 프로젝트 대시보드로 이동해야 합니다.

cd studio && sanity manage

새로운 Sanity 프로젝트에 앱 연결

텍스트 편집기로 돌아가 루트 폴더에 파일 이름.env을 만듭니다.
여기에 프로젝트를 연결하기 위해 환경 변수를 넣을 것입니다.
GitHub에서 변수가 유출되지 않도록 .env 파일에 .gitignore를 추가해야 합니다.

새.env 파일에 이 코드를 추가합니다.

SANITY_STUDIO_API_PROJECT_ID=""
SANITY_STUDIO_API_DATASET="production"
NEXT_PUBLIC_SANITY_PROJECT_ID=""
NEXT_PUBLIC_SANITY_DATASET="production"
SANITY_API_TOKEN=""

PROJECT_ID 라인 모두에 대해 PROJECT ID 를 실행할 때 연 프로젝트의 대시보드에서 sanity manage 를 추가합니다.



이제 대시보드로 돌아가서...

우측

의 API 클릭

Tokens까지 아래로 스크롤

클릭 Add API token

이름 추가 (example-blog 사용)

선택 Editor

생성한 토큰 복사

SANITY_API_TOKEN에 대한 .env 파일에 붙여넣기

스튜디오 시작

이 모든 것이 작동하는지 확인하려면 studio 폴더 내부의 명령줄로 돌아가 다음을 실행하십시오.

npm i url && sanity start

url 설치는 스튜디오가 실행되지 않는 오류를 수정하기 위한 것입니다.
이 실행 후에는 다음을 알려야 합니다.

Sanity Studio is running at http://localhost:3333

브라우저에서 해당 URL로 이동하여 Sanity에 대한 모든 강의에서 사용한 것과 동일한 자격 증명으로 로그인합니다.
모두 작동하면 urllocalhost:3333/desk에 다음과 같은 화면이 표시됩니다.



이 경고에 대해 걱정하지 마세요. 아직 Studio에 데이터를 제공하지 않았음을 의미합니다. 다음 강의에서 이를 수행할 것입니다.

이것이 Sanity Studio를 로컬에서 시작하고 실행하는 데 필요한 모든 것입니다. 다음 강의에서는 자신만의 데이터 유형과 데이터를 추가하는 방법을 보여드리겠습니다.