Next.js & OpenAI
Master the synergy of Next.js and OpenAI: Dive into the future of front-end development fused with the cutting-edge AI advancements, all in one encompassing course. Alongside, gain access to an in-depth Next.js tutorial designed to fine-tune your skills from the ground up. Embark on a journey to build a sophisticated full-stack application complete with robust authentication systems, a dynamic user dashboard, and customizable themes to deliver a seamless and intelligent web experience.
Course Curriculum: 9 Hours of Content
Next.js Tutorial
Available in
days
days
after you enroll
- Course Intro (1:03)
- Course Resources
- Useful Info
- Q&A
- Next.js Info (1:07)
- Tutorial Overview (1:59)
- 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)
Available in
days
days
after you enroll
- App Overview (3:30)
- Next App (1:33)
- Install Libraries (2:17)
- First Pages (4:13)
- Home Page (5:08)
- 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)
- Save Tour (6:53)
- Get All Tours (3:12)
- Timeout Info (2:24)
- 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)
Jobify
Available in
days
days
after you enroll
- Intro (5:02)
- Setup (3:40)
- Shadcn-ui (11:33)
- Shadcn-ui API (7:21)
- Layout and Homepage (10:33)
- Create Pages (4:13)
- 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
Available in
days
days
after you enroll