NextJS & OpenAI

Focused View

John Smilga

7:39:14

28 View

1 - Nextjs 14 Tutorial

1 - Introduction to Nextjs.mp4

01:07

2 - Tutorial Overview.mp4

01:59

3 - Create New Nextjs App.mp4

01:58

4 - Files and Folder Structure.mp4

01:46

5 - Home Page.mp4

04:34

6 - More Pages.mp4

01:51

7 - Link Component.mp4

02:01

8 - Nested Routes.mp4

01:52

9 - First Challenge.mp4

03:08

10 - CSS.mp4

02:30

11 - TailwindCSS.mp4

09:31

12 - DaisyUI.mp4

09:48

13 - Layout File.mp4

04:04

14 - Navbar Challenge.mp4

09:37

15 - Server Component VS Client Component.mp4

02:07

16 - Counter Challenge.mp4

07:37

17 - Fetch Data.mp4

04:31

18 - Loading Component.mp4

03:58

19 - Error Component.mp4

04:59

20 - Nested Layouts.mp4

03:08

21 - Dynamic Routes.mp4

03:19

22 - Drinks List Challenge.mp4

05:07

23 - Single Drink Challenge.mp4

06:16

24 - Static Images.mp4

05:15

25 - Remote Images.mp4

05:51

26 - Responsive Images.mp4

04:31

27 - More Routing.mp4

06:19

28 - Prisma Setup.mp4

05:38

29 - Prisma Model.mp4

04:37

30 - Prisma CRUD.mp4

09:31

31 - Display Tasks Challenge.mp4

10:43

32 - Server Actions Info.mp4

02:13

33 - First Server Action.mp4

08:14

34 - Refactor App.mp4

03:12

35 - Delete Task.mp4

05:09

36 - Edit Task Setup.mp4

04:50

37 - Edit Task Complete.mp4

10:22

38 - Pending State.mp4

05:40

39 - Error Checking.mp4

05:37

40 - Zod Library.mp4

02:56

41 - Providers.mp4

05:41

42 - Delete Button Challenge.mp4

03:28

43 - Route Handlers Info.mp4

02:34

44 - Route Handlers GET.mp4

06:03

45 - Route Handlers POST.mp4

04:26

46 - Middleware.mp4

05:23

47 - PlanetScale.mp4

05:46

48 - Local Build.mp4

06:24

49 - Force Dynamic.mp4

05:07

50 - Deploy.mp4

06:24

2 - GPTGenius App

51 - Intro.mp4

03:30

52 - New App.mp4

01:33

53 - Libraries.mp4

02:17

54 - First Pages.mp4

04:13

55 - Home Page.mp4

05:08

56 - Clerk Setup.mp4

11:00

57 - Custom Auth Pages.mp4

07:15

58 - React Icons.mp4

01:56

59 - Dashboard Layout.mp4

08:40

60 - Sidebar.mp4

04:30

61 - Sidebar Header.mp4

02:56

62 - Nav Links.mp4

03:25

63 - Member Profile.mp4

04:25

64 - Theme Toggle.mp4

08:03

65 - Boilerplate Overview.mp4

00:53

66 - User Profile.mp4

01:23

67 - React Hot Toast Library.mp4

02:56

68 - Chat Structure.mp4

09:16

69 - React Query Info.mp4

06:26

70 - React Query Setup.mp4

09:15

71 - First Prompt.mp4

06:25

72 - Context.mp4

08:59

73 - Display Messages.mp4

07:32

74 - New Tour Setup.mp4

02:04

75 - New Tour Form.mp4

06:18

76 - New Tour React Query.mp4

07:43

77 - Tour Prompt.mp4

05:46

78 - Generate Tour Response.mp4

05:05

79 - Tour Info.mp4

02:17

80 - PlanetScale.mp4

02:33

81 - Tour Model.mp4

04:22

82 - Save Tour.mp4

06:53

83 - Timeout Info.mp4

02:24

84 - GetAllTours Function.mp4

03:12

85 - Tours Page Setup.mp4

03:03

86 - Tours List.mp4

07:14

87 - Search Functionality.mp4

06:47

88 - Single Tour Page.mp4

05:14

89 - Generate Image.mp4

08:38

90 - Unsplash API.mp4

04:37

91 - Deploy.mp4

04:26

Description

Build GeniusGPT Full-Stack App with Next.js 14+, OpenAI , Clerk Auth, Prisma, PlanetScale TailwindCSS, DaisyUI, Vercel

What You'll Learn?

Build modern Next JS applications
Authenticate your Next JS applications with Clerk
Store data in database with Prisma and PlanetScale
Use OpenAI API in your Next JS Applications

Who is this for?

React developers who want to learn Next JS 14 with OpenAI API integration

What You Need to Know?

Knowledge of React

More details

Description
Embark on a journey to mastering modern web development with our comprehensive video course on building applications using NextÂ JS 14 and the OpenAI API. This course is meticulously designed for beginners and intermediate developers who are keen to elevate their skills. You'll start from the ground up by learning how to create a new Next.js app, understand its files and folders structure, and explore the intricacies of routing including link components, nested routes, and dynamic routes.
Immerse yourself in front-end design with TailwindCSS and DaisyUI, and learn to craft responsive layouts, manage themes, and create a unified look for your entire app with layout components. Dive into the backend mechanics with server vs client components, fetching data in server components, handling loading and errors gracefully, and implementing nested layouts
Discover how to enhance your app's functionality with CRUD operations using Server Actions, manage user interactions, and validate data using the Zod library. You'll also learn to integrate a database by hosting with Planetscale and add essential features like authentication with CLERK Service.
By the end of this course, you'll be adept at deploying your NextJS application on Vercel, setting up and toggling themes with DaisyUI, and enriching your app with powerful APIs from OpenAI and Unsplash. Learn how to send prompts, receive responses, and even generate images within your application.
With a hands-on approach, tackle numerous challenges throughout the course to immediately apply your newfound knowledge. This is not just a tutorial; it's a transformative learning experience that will arm you with the tools and confidence to build cutting-edge web applications.
Who this course is for:
React developers who want to learn Next JS 14 with OpenAI API integration

User Reviews

Rating

average 0

Total votes0

Focused display

Hello, I am John Smilga and I am a web developer. I live and work in Sarasota, FL. I spend most of my day, experimenting with HTML, CSS and Javascript (and it's endless list of frameworks). I enjoy coding and the challenge of learning something new everyday. You can also find me at youtube channel Coding Addict.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.