example frontend next js

Sanity + Next.js FrontEndの例

デモhttps://example-frontend-next-js.sanity-io.now.sh

これは、next.jsを使用した映画データセットの正気駆動のフロントエンドの例です。

前提条件

システムに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有効にする必要があります！ settingsの下の管理ページを介して、またはsanity initで設定したプロジェクトフォルダーで以下を実行することにより、

 sanity cors add http://localhost:3000

次に、次のようにサンプルアプリを開始します。

 npm run dev

アプリはhttp：// localhost：3000で稼働しているようになりました