STRAPI × NEXT.JS

Strapi
サンプル

Strapiで管理している情報を、 Next.jsからAPIを通して表示するサンプルです。
このフロントのサンプルでは簡単な図鑑の管理を行えます。

図鑑を見る→

このサンプルについて

01

Strapiで管理

名前、説明、画像などの情報を Strapiの管理画面から登録・編集します。

02

APIで取得

Next.jsがStrapiのAPIを呼び出して 動物のデータを取得します。

03

フロント(Next.js)で表示

取得したデータを一覧ページや 詳細ページに表示します。