Published 9/2023
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 3.49 GB | Duration: 6h 58m
Learn to build an AI-powered article generator using NextJS 13, OpenAI, MongoDB, Auth0, Stripe, Recoil, and TypeScript!
What you’ll learn
Build a cutting-edge article generator powered by OpenAI’s ChatGPT
Develop serverless CRUD operations with MongoDB Atlas
Implement secure authentication and authorization using Auth0
Handle online payments efficiently with Stripe
Utilize Recoil for state management in NextJS 13
Achieve type safety with TypeScript
Craft a responsive and modern UI using Tailwind CSS and React-Icons
Deploy your feature-rich application on Vercel
Requirements
A basic understanding of React and JavaScript is required.
Description
Step into the future of web development by building your own AI-powered article generator using NextJS 13 and OpenAI’s ChatGPT!Welcome to this comprehensive course where you’ll construct “Bloggify”, an advanced article-generation app. Using OpenAI’s ChatGPT, your app will generate articles based on user-provided prompts and desired tones, such as informative, casual, or formal.We’ll start by setting up your NextJS development environment and integrating OpenAI to bring AI-driven functionalities. You’ll learn how to implement serverless CRUD functionalities with MongoDB Atlas and master state management using Recoil.On the security side, we’ll delve into using Auth0 for secure user authentication and authorization, and integrate Stripe to handle payments smoothly. By the end of this course, you’ll also become proficient in creating a responsive and modern UI using Tailwind CSS and React-Icons. All of this while writing type-safe code using TypeScript.From development to deployment on Vercel, each step is broken down to make it easy for you to follow along and build your own fully functional, AI-powered article generator.This course is perfect for developers aiming to solidify their skills in modern web development technologies. So why wait? Enroll now and start crafting your intelligent article-generation app today!The course covers NextJS v13 App router philosophy, which is the newest version of the framework.
Overview
Section 1: Introduction
Lecture 1 Introduction to the project
Lecture 2 Software required
Lecture 3 VS Code featured extentions
Lecture 4 MongoDB + Stripe software
Lecture 5 Extra: Setting up environment variables on Windows
Lecture 6 Useful links and commands
Section 2: Setup the project
Lecture 7 Create new project
Lecture 8 Project initialization
Lecture 9 Routing in NextJS
Section 3: Auth0
Lecture 10 Auth0 initialization
Lecture 11 Login
Lecture 12 User login state
Lecture 13 Route protection
Lecture 14 API route protection
Section 4: Creating modern and responsive UI
Lecture 15 Analysis of the project
Lecture 16 Routes
Lecture 17 Navbar
Lecture 18 Sidebar
Lecture 19 Main page
Lecture 20 New post page
Lecture 21 Display posts page
Lecture 22 Profile page
Section 5: Global state management
Lecture 23 Global state in nutshell
Lecture 24 Recoil
Section 6: OpenAI and ChatGPT
Lecture 25 OpenAI initialization
Lecture 26 New post generation
Lecture 27 UI feedback
Section 7: MongoDB
Lecture 28 MongoDB initialization
Lecture 29 Posting data to database
Lecture 30 Get data from database
Lecture 31 Delete data from database
Lecture 32 Update data in database
Section 8: Stripe and online payments
Lecture 33 Stripe initialization
Lecture 34 Stripe setup
Lecture 35 Stripe Webhook
Section 9: Deployment and version control
Lecture 36 Git and version control
Lecture 37 Deploying to Vercel
People wanting to learn modern JavaScript frameworks like React, Angular, NextJS
Password/解压密码www.tbtos.com
转载请注明：0daytown » Next Js Article Generator With Openai & Mongodb (Nextjs 13)