Autoplay
Autocomplete
Previous Lesson
Complete and Continue
NextJS & OpenAI
Next.js Tutorial
Course Intro (1:03)
Course Resources
Useful Info
Discord Server
Next.js Info (1:07)
Tutorial Overview (1:59)
Update !!!
New App (1:58)
Project Structure (1:46)
Home Page (4:34)
More Pages (1:51)
Link Component (2:01)
Nested Routes (1:52)
First Challenge (3:08)
CSS (2:30)
Tailwind Intro (9:31)
Daisy Intro (9:48)
Layout File (4:04)
Navbar Challenge (9:37)
Server VS Client (2:07)
Counter Challenge (7:37)
Fetch Data (4:31)
Loading Component (3:58)
Error Component (4:59)
Nested Layouts (3:08)
Dynamic Routes (3:19)
Drinks List Challenge (5:07)
Single Drink Challenge (6:16)
Static Images (5:15)
Remote Images (5:51)
Responsive Remote Images (4:31)
More Routing (6:19)
Prisma Setup (5:38)
Prisma Model (4:37)
Prisma Crud (9:31)
Display Tasks - Challenge (10:43)
Server Actions Info (2:13)
First Server Action (8:14)
Refactor (3:12)
Delete Task (5:09)
Edit Task - Setup (4:50)
Edit Task - Complete (9:39)
Pending (5:39)
Error Checking (5:37)
Zod Library (2:56)
Providers (5:41)
Delete Button - Challenge (3:28)
Route Handlers - Intro (2:34)
Route Handlers - GET (6:03)
Route Handlers - POST (4:26)
Middleware (5:23)
Render (2:18)
PlanetScale (5:46)
Local Build (6:24)
Force Dynamic (5:07)
Deploy (6:24)
GPTGenius Project (Next.js 14 with OpenAI API)
Important Info !!!
App Overview (3:30)
Next App (1:33)
First Pages (4:13)
Home Page (5:08)
Important Update !!!
Clerk Setup (11:00)
SignIn and SignUp Pages (7:15)
React Icons (1:56)
Dashboard Layout (8:40)
Sidebar (4:30)
Sidebar Header (2:56)
Nav Links (3:25)
Member Profile (4:25)
Theme Toggle (8:03)
Boilerplate Overview (0:53)
User Profile (1:23)
React Hot Toast Library (2:56)
Chat Page Structure (9:16)
React Query - Intro (6:26)
React Query - Setup (9:15)
OpenAI - Cost (3:58)
OpenAI - Playground (6:56)
OpenAI - API Docs (3:20)
OpenAI - First Prompt (6:25)
OpenAI - Context (8:59)
Display Messages (7:32)
New Tour Page - Setup (2:04)
New Tour Form (6:18)
New Tour - React Query (7:43)
New Tour - Prompt (5:46)
Generate Tour Response (5:05)
Tour Info (2:17)
Planetscale (2:33)
Tour Model (4:22)
Timeout Info (2:24)
Save Tour (6:53)
Get All Tours (3:12)
Tours Page - Setup (3:03)
Tours List (7:14)
Search Functionality (6:47)
Single Tour Page (5:14)
Generate Image - OpenAI (8:38)
Generate Image - Unsplash API (4:37)
Remove Custom Pages (2:49)
Tokens - Intro (2:45)
Set Max Tokens (2:35)
Token Actions (10:11)
Display Tokens (5:32)
Tours Logic (6:57)
Chat Logic (4:43)
Deploy (4:26)
Switch to Clerk 5
Jobify
Important Info !!!
Intro (5:02)
Setup (3:40)
Shadcn-ui (11:33)
Shadcn-ui API (7:21)
Layout and Homepage (10:33)
Create Pages (4:13)
Important Update !!!
Clerk Auth (3:26)
Nav Links (4:48)
Dashboard Layout (9:18)
Sidebar (5:57)
Navbar (3:40)
Dropdown Links (7:30)
Change Theme (3:28)
Toggle Theme (8:15)
Shadcn-ui Forms (11:14)
Types (7:09)
Custom Form Components (12:06)
CreateJobForm Continued (10:35)
Render and Prisma (6:26)
CreateJobAction (11:56)
Toast Component (1:37)
React Query - Setup (4:32)
CreateJobForm - Complete (9:04)
GetAllJobsAction - Overview (6:15)
GetAllJobsAction (8:02)
Jobs Page - Setup (6:51)
SearchForm - Setup (8:16)
SearchForm - Functionality (7:04)
JobsList Component (7:50)
More Shadcn-UI Components (1:58)
JobCard Component (5:29)
JobInfo Component (5:12)
Delete Job (5:59)
Single Job Page (5:57)
EditJobForm Component (7:35)
Seed Database (10:18)
Stats Action (7:04)
Charts Action (6:17)
Stats Container (6:35)
Loading Skeleton (5:48)
Charts Container (3:35)
Button Container (15:19)
Complex Button Container (13:33)
End of "NextJS & OpenAI" Course
Important Info
Teach online with
Fetch Data
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock