Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)

سرفصل های دوره

Use Next JS & OpenAI to build a ChatGPT clone, incl. mongodb, edge functions, auth0, tailwind css + more! (Next JS v13)

1 - Introduction

1 - Introduction

2 - Project setup

3 - Udemy ratings reviews

4 - Set up the chat route page

2 - Authentication authorization with Auth0

5 - Set up auth0 for authentication

6 - Create auth api routes

7 - Set up the login and logout state

8 - Style the homepage with tailwind css

9 - Implement signup functionality

10 - Redirect to chat page if logged in

3 - Build out the chat page

11 - Create the basic chat page layout

12 - Create the ChatSidebar component and add the logout link

13 - Create the footer and message form

4 - Build the OpenAI streaming functionality

14 - Create an OpenAI API key

15 - Create the sendMessage endpoint

16 - Set up the OpenAI API call

17 - Stream the OpenAI response on the front end

18 - Create the Message component and display new messages in chat window

19 - Finish implementing the Message component styles and logic

20 - Protect the chat routes and pages so only logged in users can access

21 - Add the loading state to the form

22 - Refine the OpenAI prompt

23 - Fix the footer form position and make chat window scrollable

5 - Storing chats with MongoDB

24 - Overview of edge functions

25 - Set up MongoDB Atlas account

26 - Set up the createChat endpoint

27 - Test the createChat endpoint

28 - Create the getChats endpoint

29 - Render the list of chats in the sidebar

30 - Style the chat list in the sidebar

31 - Implement creating a chat in the sendMessage endpoint

32 - Create the addMessageToChat endpoint

33 - Navigate to newly created chat page

34 - Reload chat list on route change

35 - Load chat messages for a particular chat

36 - Render chat messages for a particular chat

37 - Modify the sendMessage endpoint to cater for existing chats

38 - Implement conversation history in OpenAI

6 - Deploy

39 - Deploy to vercel

40 - BONUS.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training