Sanity & Next.js

[Sanity] 프로젝트 만들고 deploy 하기

에릭 Kim 2022. 8. 10. 17:39
반응형

Sanity Project 생성 및 배포

Sanity studio을 사용하면 굉장히 편리하게 컨텐츠들을 관리할 수 있습니다. 

 

cli tool 

npm i @sanity/cli -g

Sanity Login 

sanity login

sanity login을 입력하면, login type이 뜨는데 자신이 편한 것으로 로그인하면 되고, modal 창이 뜨는데 동의를 하면 다음과 같은 창을 볼 수 있습니다. 

 

 

command line으로 돌아오면 Login successful이 출력된 것을 볼 수 있습니다.

 

Project 생성

mkdir '프로젝트 디렉토리'
cd '프로젝트 디렉토리'
sanity init

위 명령어를 입력하면 command line에서 project name을 설정할 수 있습니다. 

 

Use the default dataset configuration?

입력을 하고나면  default dataset을 사용할지에 대해 묻는데, Y를 입력하면 됩니다. 

 

Project out path:

사용하고 있는 폴더의 경로가 default로 지정되어 있기 때문에 바꾸고 싶다면 무방하지만 그냥 enter를 입력하고 넘어가셔도 됩니다. 

 

Select project template

템플릿을 선택할 수 있는데, 자신이 원하는 것을 선택하면 됩니다. 

 

sanity start

sanity start 명령어를 통해 로컬에서 sanity studio을 사용할 수 있습니다. 

 

 

depoly 하기

sanity deploy

sanity deploy를 입력하면 studio의 이름을 입력할 수 있는데 자신이 원하는 이름으로 설정하면 됩니다. 

 

 

local에서 sanity studio를 사용하게 되면 vision이라는 버튼을 통해 query를 직접 사용해볼 수 있습니다.

하지만 deploy한 상태에서 studio를 띄우면 query를 사용할 수 없습니다. 그렇기에 deploy한 부분은 컨텐츠를 입력하기 위한 용도로 많이 활용합니다.

반응형

'Sanity & Next.js' 카테고리의 다른 글

[Sanity] input 창 커스터마이징 해보기  (0) 2022.08.12
[Sanity] author.js 수정 해보기  (0) 2022.08.11