• 34

Nextjs & Open Ai

Published 11/2023
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.28 GB | Duration: 7h 39m

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

Knowledge of React

Embark on a journey to mastering modern web development with our comprehensive video course on building applications using NextJS 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 layoutsDiscover 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.

Section 1: Next.js 14 Tutorial

Lecture 1 Introduction to Next.js

Lecture 2 Tutorial Overview

Lecture 3 Create New Next.js App

Lecture 4 Files and Folder Structure

Lecture 5 Home Page

Lecture 6 More Pages

Lecture 7 Link Component

Lecture 8 Nested Routes

Lecture 9 First Challenge

Lecture 10 CSS

Lecture 11 TailwindCSS

Lecture 12 DaisyUI

Lecture 13 Layout File

Lecture 14 Navbar Challenge

Lecture 15 Server Component VS Client Component

Lecture 16 Counter Challenge

Lecture 17 Fetch Data

Lecture 18 Loading Component

Lecture 19 Error Component

Lecture 20 Nested Layouts

Lecture 21 Dynamic Routes

Lecture 22 Drinks List – Challenge

Lecture 23 Single Drink – Challenge

Lecture 24 Static Images

Lecture 25 Remote Images

Lecture 26 Responsive Images

Lecture 27 More Routing

Lecture 28 Prisma Setup

Lecture 29 Prisma Model

Lecture 30 Prisma CRUD

Lecture 31 Display Tasks – Challenge

Lecture 32 Server Actions – Info

Lecture 33 First Server Action

Lecture 34 Refactor App

Lecture 35 Delete Task

Lecture 36 Edit Task – Setup

Lecture 37 Edit Task – Complete

Lecture 38 Pending State

Lecture 39 Error Checking

Lecture 40 Zod Library

Lecture 41 Providers

Lecture 42 Delete Button – Challenge

Lecture 43 Route Handlers – Info

Lecture 44 Route Handlers – GET

Lecture 45 Route Handlers – POST

Lecture 46 Middleware

Lecture 47 PlanetScale

Lecture 48 Local Build

Lecture 49 Force Dynamic

Lecture 50 Deploy

Section 2: GPTGenius App

Lecture 51 Intro

Lecture 52 New App

Lecture 53 Libraries

Lecture 54 First Pages

Lecture 55 Home Page

Lecture 56 Clerk Setup

Lecture 57 Custom Auth Pages

Lecture 58 React Icons

Lecture 59 Dashboard Layout

Lecture 60 Sidebar

Lecture 61 Sidebar Header

Lecture 62 Nav Links

Lecture 63 Member Profile

Lecture 64 Theme Toggle

Lecture 65 Boilerplate Overview

Lecture 66 User Profile

Lecture 67 React Hot Toast Library

Lecture 68 Chat Structure

Lecture 69 React Query – Info

Lecture 70 React Query – Setup

Lecture 71 First Prompt

Lecture 72 Context

Lecture 73 Display Messages

Lecture 74 New Tour – Setup

Lecture 75 New Tour – Form

Lecture 76 New Tour – React Query

Lecture 77 Tour Prompt

Lecture 78 Generate Tour Response

Lecture 79 Tour Info

Lecture 80 PlanetScale

Lecture 81 Tour Model

Lecture 82 Save Tour

Lecture 83 Timeout Info

Lecture 84 GetAllTours Function

Lecture 85 Tours Page – Setup

Lecture 86 Tours List

Lecture 87 Search Functionality

Lecture 88 Single Tour Page

Lecture 89 Generate Image

Lecture 90 Unsplash API

Lecture 91 Deploy

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

HomePage: https://www.udemy.com/course/nextjs-open-ai/



Free Download or Buy Premium From Links To Get Faster

ClosePlease login

No account yet? Register



Join the Conversation!

to post a comment

Report : Nextjs & Open Ai

    Or Other Reasons?