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
Requirements
Knowledge of React
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 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.
Overview
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
Password/解压密码www.tbtos.com
转载请注明：0daytown » Nextjs & Open Ai