example frontend next js

Sanity + Next.js Frontend 예제

데모 https://example-frontend-next-js.sanity-io.now.sh

이것은 Next.js를 사용하여 영화 데이터 세트의 Sanity 전원 전원 프론트 엔드의 예입니다.

전제 조건

시스템에 Node.js 버전 8.0 이상이 설치되어야합니다.

설정

git을 사용 하여이 저장소를 복제하여 코드를 받으십시오.

 git clone https://github.com/sanity-io/example-frontend-next-js.git

... 또는 ZIP 아카이브로 소스 코드 코드를 다운로드합니다.

다운로드되면 프로젝트 디렉토리에서 터미널을 열고 다음과 함께 종속성을 설치하십시오.

 npm install

예제 영화 데이터 세트로 자신의 Sanity 프로젝트를 실행하는 경우 lib/sanity.js 로 이동하여 다음 줄을 변경하십시오.

  projectId: 'YOUR_PROJECT_ID',
  dataset: 'NAME_OF_YOUR_DATASET',

프로젝트 관리 페이지 헤더에서 프로젝트의 ID를 찾을 수 있습니다.

또한 CORS Origins 설정에서 localhost:3000 활성화해야합니다! sanity init 으로 설정 한 프로젝트 폴더에서 아래를 settings 하여 관리 페이지를 통해 다음과 같이 설정합니다.

 sanity cors add http://localhost:3000

그런 다음 다음과 같이 예제 앱을 시작하십시오.

 npm run dev

앱은 이제 http : // localhost : 3000에서 작동해야합니다.