Next Js Article Generator With Openai & Mongodb (Nextjs 13)

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