Next.js App routerベースのChat GPTの作成

Nextjs 14バージョンApp routerとvercelのai / sdkを活用して chat gptなどのai chatbotサービスを作成します。

難易度 初級

受講期間 無制限

Next.js
Next.js
ChatGPT
ChatGPT
React
React
TypeScript
TypeScript
TailwindCSS
TailwindCSS
Next.js
Next.js
ChatGPT
ChatGPT
React
React
TypeScript
TypeScript
TailwindCSS
TailwindCSS

学習した受講者のレビュー

5.0

5.0

Jang Jaehoon

11% 受講後に作成

良い講義ありがとうございます!

5.0

dongk

33% 受講後に作成

とても楽しく見ています。ありがとうございます

5.0

석봉토스트

33% 受講後に作成

情報の説明、編集、速度、すべてが完璧です。講義が長くなると集中力が低下する性格ですが、簡潔でありながら不足のない説明なので、本当に集中できました。無料の講義に感謝し、今後の講義も期待しています!

受講後に得られること

  • react

  • nextjs

Nextjs App RouterベースのChat GPTの作成

今回の講義で学べるもの

  • Nextjs 14バージョンのApp Routerベースのフルスタックを開発する方法を学びます

  • shadcn-uiとtailwind-cssでコンポーネントをスタイリングする方法を学びます。

  • zustandを使用してグローバル状態を管理する方法を学びます。


こんな方におすすめです

ReactとNextのPage Routerだけを使った方

Next14バージョンのApp router方式を学べます。

Nextjsによるフルスタック開発

したい方

フロントだけでなく、NeonサービスとDrizzle ORMを活用してフルスタック開発ができます。

Chat GPTなどのai chatbotサービスに興味がある方

Vercelのai sdkを使ってopen ai APIを試してみることができます。

受講後は

  • Next App router方式のフルスタック開発に感覚をつかむことができます。

  • tailwind-cssでスタイリングできます。

  • Chat gptのようなaiベースのチャットボットサービスを簡単に作成できます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Nextjs app routerについて質問する

  • Nextjsでフルスタック開発をしてみたい方

  • open ai api を使ってみたい方

前提知識、
必要でしょうか?

  • React

  • Typescript

こんにちは
eatcodingです。

こんにちは、フロントエンド開発者のコーディングムッパン(coding-mukbang)です。

私は約3年間、現場で開発に携わってきました。現在は新しい技術を学習しながら、

個人で開発を進めています。

そして、私はそのような過程で習得したことを共有していきたいと思います。

ありがとうございます。

もっと見る

カリキュラム

全体

27件 ∙ (3時間 41分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

38件

5.0

38件の受講レビュー

  • jjhgwx님의 프로필 이미지
    jjhgwx

    受講レビュー 857

    平均評価 4.9

    5

    11% 受講後に作成

    良い講義ありがとうございます!

    • cjswoxoddl212720님의 프로필 이미지
      cjswoxoddl212720

      受講レビュー 2

      平均評価 5.0

      5

      48% 受講後に作成

      Nextjsから知らなかった多くの情報を入手していきます。ただ一つの物足りなさがあれば講義速度が1倍速であるにもかかわらず早すぎますㅠ説明も早く過ぎる感じなので何十回も巻き戻しながら聞きましたねㅎ

      • eatcoding
        知識共有者

        次に映像制作するときは、速度を少し減らしてみましょう!フィードバックありがとうございます。 ㅎㅎ

    • yoleep7926님의 프로필 이미지
      yoleep7926

      受講レビュー 3

      平均評価 5.0

      5

      100% 受講後に作成

      NextJSを使ったChatGPT cloneプロジェクトをよく見ました。ログインからGPT API連動DBの保存まで、全体の機能を欠かさず説明してくれてよかったです。

      • eatcoding
        知識共有者

        ありがとうございます! :)

    • toast님의 프로필 이미지
      toast

      受講レビュー 2

      平均評価 4.0

      5

      33% 受講後に作成

      情報の説明、編集、速度、すべてが完璧です。講義が長くなると集中力が低下する性格ですが、簡潔でありながら不足のない説明なので、本当に集中できました。無料の講義に感謝し、今後の講義も期待しています!

      • eatcoding
        知識共有者

        ありがとうございます :)

    • bbmerong3018님의 프로필 이미지
      bbmerong3018

      受講レビュー 13

      平均評価 4.8

      5

      33% 受講後に作成

      とても楽しく見ています。ありがとうございます

      似ている講座

      同じ分野の他の講座を見てみましょう!

      公開していない講座のため、受講が制限されます。