🍣
基礎から始めるNext.js【9Strapi Setup】
基礎から始めるNext.js【9Strapi Setup】
YouTube: 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"
},
Discussion