Next.js & React with ChatGPT – Development Guide (2023)

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

Build ChatGPT integration with Next.js & React to build an AI-powered chatbot for learning coding. All with javascript!

1. Introduction

1. Introduction

2. What to expect from the course

3. How to resolve issues or skip lecture

2. Layout Preparation

1.1 Code.html

1.2 Complete Project.html

1. Init Project

2.1 Code.html

2. Tailwind init

3.1 Code.html

3. Center content

4.1 Code.html

4.2 Logos.zip

4. Json data and assets

5.1 Code.html

5. Render Stacks

6.1 Code.html

6. Border hover classes

7. Code Exercise.html

8. Quiz.html

3. Stack Page

1.1 Code.html

1. Stack Page

2.1 Code.html

2. Adds header

3.1 Code.html

3. Message layout

4.1 Code.html

4. Textarea for prompt

5.1 Code.html

5. Move code to components

6.1 Code.html

6. Different classes for messages

7.1 Code.html

7. Handle prompt value

8.1 Code.html

8. Add messages

9.1 Code.html

9. Scroll to bottom

10. Code Exercise.html

11. Quiz.html

4. Completion API Route

1.1 Code.html

1. Completion Api route

2.1 Code.html

2. Send data to Api

3.1 Code.html

3. Get response from request

4.1 Code.html

4. Add ai message

5.1 Code.html

5. Typewriter effect

6.1 Code.html

6. Blinking cursor

7.1 Code.html

7. Disable typewriter

8. Code exercise.html

9. Quiz.html

5. OpenAI - ChatGPT

1.1 Code.html

1. OpenAI Account + Api keys

2.1 Code.html

2. Completion API

3. ChatGPT Params

4.1 Code.html

4. Debug config

5.1 Code.html

5. Make better prompt

6.1 Code.html

6. Hardcode response

7. Quiz.html

6. Markdown

1.1 Code.html

1. React markdown

2.1 Code.html

2. Code highlight

3.1 Code.html

3. Code cleanup

4.1 Code.html

4. Use Effect Fix

5.1 Code.html

5. Fix typewriter styles

6. Quiz.html

7. Sessions - Cookies

1.1 Code.html

1. Session keys

2.1 Code.html

2. Set active session

3.1 Code.html

3. Init iron sessions

4.1 Code.html

4. Api endpoint to store session

5.1 Code.html

5. Storing user in session

6. Code exercise.html

7. Quiz.html

8. Get User

1.1 Code.html

1. Retrieve user in Post endpoint

2.1 Code.html

2. Fetch user client side

3.1 Code.html

3. Move fetch user to hook

4.1 Code.html

4. Display uid in ui

5.1 Code.html

5. Set active session on reload

6.1 Code.html

6. Select default session

7. Code Exercise.html

9. Message History

1.1 Code.html

1. Init lowDb

2.1 Code.html

2. Cache DB

3.1 Code.html

3. Store message history

4.1 Code.html

4. Save data to DB

5.1 Code.html

5. Feed history to chatGPT

6.1 Code.html

6. Message history memory size

7.1 Code.html

7. Clear history on chat enter

8.1 Code.html

8. Different bots

9.1 Code.html

9. Handle case when no messages

10. Code exercise.html

11. Quiz.html

10. Deployment

1. Github repo

2. Deploy app to vercel

3.1 Code.html

3. Store in-memory & Course Finish

189,000 تومان

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

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

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

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