🍣

基礎から始めるNext.js【９Strapi Setup】

2022/11/05に公開

Next.js

tech

基礎から始めるNext.js【９Strapi Setup】

YouTube: https://youtu.be/WClrpFWFLGs

https://youtu.be/WClrpFWFLGs

今回はデスクトップに新しく「nextjs-app-api」を作成して
「Strapi」を使用してバックエンドのAPIを用意します。

Strapi: https://strapi.io/

【注意】Strapiのローディング画面でロードが長かったりロードが止まっても
ページが移動しない場合はターミナルで「Ctrl + c」で
一度ローカルサーバーを停止して「npm run develop」でStrapiを再起動すると
データが反映されている状態になるかと思います。

インストールコマンド
npx create-strapi-app@latest . --quickstart

or

npm create strapi-app@latest . --quickstart

ローカルサーバー起動コマンド
npm run develop

ポストデータ取得
http://localhost:1337/api/posts

nextjs-app-api/package.json

  "dependencies": {
    "@strapi/strapi": "4.4.7",
    "@strapi/plugin-users-permissions": "4.4.7",
    "@strapi/plugin-i18n": "4.4.7",
    "better-sqlite3": "7.4.6"
  },

基礎から始めるNext.js【９Strapi Setup】

Discussion