Creating a Chat GPT based on Next.js App router

Let's create an AI chatbot service like chat gpt using Nextjs 14 version App router and vercel's ai/sdk.

(5.0) 38 reviews

1,193 learners

Level Basic

Course period Unlimited

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

Reviews from Early Learners

5.0

5.0

Jang Jaehoon

11% enrolled

Good lecture. Thanks!

5.0

dongk

33% enrolled

I am enjoying it very much. Thank you.

5.0

석봉토스트

33% enrolled

The information, editing, and speed are all perfect. I have a hard time concentrating if the lecture is too long, but the explanation is concise and complete, so I was able to concentrate really well. Thank you for the free lecture, and I look forward to future lectures!

What you will gain after the course

  • react

  • nextjs

Creating a Chat GPT based on Nextjs App Router

What you will learn in this lecture

  • Learn how to develop full-stack apps based on App Router in Nextjs 14.

  • Learn how to style components with shadcn-ui and tailwind-css.

  • Learn how to manage global state using zustand


I recommend this to these people

Those who have only used React and Next's Page Router

You can learn the App router method of Next14 version.

Full stack development with Nextjs

Those who want to do it

You can do full-stack development not only on the front end, but also by utilizing Neon services and Drizzle ORM.

Anyone interested in AI chatbot services such as Chat GPT

You can use the open AI API using Vercel's AI SDK.

After class

  • You can get a feel for full-stack development using the Next App router approach.

  • You can style it with tailwind-css

  • You can easily create an AI-based chatbot service like Chat gpt.

Recommended for
these people

Who is this course right for?

  • Anyone curious about Nextjs app router

  • Anyone who wants to try full-stack development with Nextjs

  • Anyone who wants to try using open ai api

Need to know before starting?

  • React

  • Typescript

Hello
This is eatcoding

Hello, I'm frontend developer Coding Mukbang.

I have been working as a developer in the industry for about three years, and I am currently learning new technologies while

I am currently working on personal development projects.

And I would like to share what I have learned throughout that process.

Thank you.

More

Curriculum

All

27 lectures ∙ (3hr 41min)

Published: 
Last updated: 

Reviews

All

38 reviews

5.0

38 reviews

  • jjhgwx님의 프로필 이미지
    jjhgwx

    Reviews 1,055

    Average Rating 4.9

    5

    11% enrolled

    Good lecture. Thanks!

    • yoleep7926님의 프로필 이미지
      yoleep7926

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      I enjoyed the ChatGPT clone project using NextJS. I liked that it explained all the functions from login to GPT API connection and DB storage.

      • eatcoding
        Instructor

        thank you!! :)

    • toast님의 프로필 이미지
      toast

      Reviews 2

      Average Rating 4.0

      5

      33% enrolled

      The information, editing, and speed are all perfect. I have a hard time concentrating if the lecture is too long, but the explanation is concise and complete, so I was able to concentrate really well. Thank you for the free lecture, and I look forward to future lectures!

      • eatcoding
        Instructor

        Thank you :)

    • cjswoxoddl212720님의 프로필 이미지
      cjswoxoddl212720

      Reviews 2

      Average Rating 5.0

      5

      48% enrolled

      I am learning a lot of information I didn't know about Nextjs. The only regret is that the lecture speed is too fast even though it is at 1x speed. The explanations go by so fast that I had to rewind them dozens of times. However, I liked that the lectures only included the necessary information.

      • eatcoding
        Instructor

        Next time I make a video I'll try to slow it down a bit!! Thanks for the feedback. Haha

    • bbmerong3018님의 프로필 이미지
      bbmerong3018

      Reviews 13

      Average Rating 4.8

      5

      33% enrolled

      I am enjoying it very much. Thank you.

      Similar courses

      Explore other courses in the same field!

      Access is restricted to non-public courses.