Demo https://example-frontend-next-js.sanity-io.now.sh
Este é um exemplo de frontend movido a sanidade para o conjunto de dados do filme usando o Next.JS.
Você precisará de Node.js versão 8.0 ou maior instalado no seu sistema.
Obtenha o código clonando este repositório usando o git
git clone https://github.com/sanity-io/example-frontend-next-js.git
... ou baixar o código fonte como um arquivo zip.
Depois de baixado, abra o terminal no diretório do projeto e instale dependências com:
npm install
Se você estiver executando seu próprio projeto de sanidade com o conjunto de dados de filmes de exemplo, acesse lib/sanity.js e altere as seguintes linhas:
projectId: 'YOUR_PROJECT_ID',
dataset: 'NAME_OF_YOUR_DATASET',
Você pode localizar o ID do seu projeto no cabeçalho da página de gerenciamento do seu projeto.
Você também precisa habilitar localhost:3000 nas configurações de origens do seu CORS! Através da página de gerenciamento em settings ou executando a pasta abaixo na pasta do projeto que você configurou com sanity init :
sanity cors add http://localhost:3000
Em seguida, inicie o aplicativo de exemplo com:
npm run dev
O aplicativo agora deve estar em funcionamento em http: // localhost: 3000