😺

【Next.js】基礎から始めるNext.js API Routes【1Next.js Setup 】

2022/12/09に公開

【1Next.js Setup 】

YouTube: https://youtu.be/VwKLJ5rGju0

https://youtu.be/VwKLJ5rGju0

前回のGraphQLの動画ですが自分の環境下で
GraphQLプラグインのサーバーエラーで起動しない状態になりましたので、
予定を変更して、今回から「Next.js」の「API Routes」について解説します。

「GraphQL」の動画はプラグインが正常に動作するようになりましたら
最初から再開する予定です。

今回はまずは「Next.js」のセットアップから始めます。
こちらは「Typescript」のテンプレートを使用します。

https://nextjs.org/docs/getting-started

npx create-next-app@latest --typescript
package.json
  "dependencies": {
    "@types/node": "18.11.12",
    "@types/react": "18.0.26",
    "@types/react-dom": "18.0.9",
    "next": "13.0.6",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "typescript": "4.9.4"
  },

もし上記コマンドでエラーが出る際は、
こちらの動画を参考にしてみてください。

https://youtu.be/qMD9EbtlRuQ

https://youtu.be/mhxvZWZDQHE

Discussion