NextJS 13 & OpenAI (GPT) & MongoDB - Full Stack Development

Focused View

Eric Kulbiej

6:58:39

64 View

1 - Introduction

1 - Introduction to the project.mp4

02:20

2 - Software required.mp4

02:01

3 - VS Code featured extentions.mp4

06:02

4 - MongoDB Stripe software.mp4

02:24

5 - Extra Setting up environment variables on Windows.mp4

02:53

6 - Useful links and commands.html

2 - Setup the project

7 - Create new project.mp4

07:33

8 - Project initialization.mp4

02:11

9 - Routing in NextJS.mp4

12:33

3 - Auth0

10 - Auth0 initialization.mp4

06:59

11 - Login.mp4

03:14

12 - User login state.mp4

08:57

13 - Route protection.mp4

03:04

14 - API route protection.mp4

06:00

4 - Creating modern and responsive UI

15 - Analysis of the project.mp4

08:55

16 - Routes.mp4

02:31

17 - Navbar.mp4

48:32

18 - Sidebar.mp4

36:37

19 - Main page.mp4

10:01

20 - New post page.mp4

28:18

21 - Display posts page.mp4

09:09

22 - Profile page.mp4

04:03

5 - Global state management

23 - Global state in nutshell.mp4

07:14

24 - Recoil.mp4

09:29

6 - OpenAI and ChatGPT

25 - OpenAI initialization.mp4

04:04

26 - New post generation.mp4

33:52

27 - UI feedback.mp4

10:51

7 - MongoDB

28 - MongoDB initialization.mp4

14:28

29 - Posting data to database.mp4

07:21

30 - Get data from database.mp4

20:35

31 - Delete data from database.mp4

13:19

32 - Update data in database.mp4

27:11

8 - Stripe and online payments

33 - Stripe initialization.mp4

05:01

34 - Stripe setup.mp4

12:28

35 - Stripe Webhook.mp4

16:53

9 - Deployment and version control

36 - Git and version control.mp4

04:43

37 - Deploying to Vercel.mp4

16:53

Description

Learn to build AI-powered T3 full stack app with NextJS 13, OpenAI, GPT, MongoDB, TailwindCSS, Stripe, and TypeScript!

What You'll Learn?

Build a cutting-edge article generator powered by OpenAI's ChatGPT
Develop serverless CRUD operations with MongoDB Atlas
Build a modern and powerful full stack app using T3 stack
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
Learn about tools, tricks, and extentions for great developer experience
Build responsive and scalable app with proper emphasis on UI and UX

Who is this for?

People wanting to learn modern JavaScript frameworks like React, Angular, NextJS

What You Need to Know?

A basic understanding of React and JavaScript is required. Nonetheless, an ebook covering that knowledge is provided.

Very little programming experience needed, all concepts will be explained on the go.

A brief knowledge of CSS would be beneficial, however we will use TailwindCSS for great developer experience.

More details

Description
Unlock the Future of Web Development with NextJS 13 & OpenAI (GPT) - Build Your AI-Powered Article Generator!
Welcome to this cutting-edge course where you'll embark on a journey to create your very own AI-powered article generator named "Bloggify." In this course, we will harness the immense potential of NextJS 13 and the remarkable capabilities of OpenAI's ChatGPT to revolutionize web content generation.
What You'll Achieve: By the end of this comprehensive program, you'll have the expertise to construct an advanced article-generation application that operates seamlessly with NextJS 13, OpenAI, GPT, MongoDB, TailwindCSS, Stripe, and TypeScript.
Course Highlights:
Setting up Your NextJS Development Environment: We kickstart your journey by helping you establish a robust NextJS development environment.
Integrating OpenAI's ChatGPT: Dive into the world of artificial intelligence as we integrate OpenAI's ChatGPT to empower your app with dynamic article generation based on user prompts and desired tones.
Mastering MongoDB Atlas: Learn to implement serverless CRUD functionalities using MongoDB Atlas, enabling efficient data management for your application.
State Management with Recoil: Gain proficiency in state management techniques with Recoil, ensuring a smooth and responsive user experience.
Secure User Authentication and Authorization with Auth0: Prioritize security by implementing Auth0 for user authentication and authorization.
Seamless Payment Handling with Stripe: Integrate Stripe into your application to handle payments effortlessly.
Crafting a Modern UI with Tailwind CSS and React-Icons: Elevate your design skills by creating a sleek and responsive user interface using Tailwind CSS and React-Icons.
Type-Safe Coding with TypeScript: Write type-safe code throughout your project, enhancing code quality and maintainability.
From Development to Deployment: We guide you through every step, from development to deployment on Vercel, ensuring you have a fully functional AI-powered article generator ready for the world to see.
Who Should Enroll: This course is designed for developers looking to solidify their skills in modern web development technologies, specifically focusing on NextJS v13 and AI integration. Whether you're a seasoned developer or just starting on your web development journey, this course offers valuable insights and hands-on experience.
Why Wait? Start Crafting Your Intelligent Article-Generation App Today! Don't miss the opportunity to be at the forefront of web development innovation. Enroll now, and let's embark on this exciting journey together to create your AI-powered article generator. Join us and build the future of web content generation with NextJS 13 and OpenAI's ChatGPT.
Note: This course covers the latest NextJS v13 App router philosophy, ensuring you're up-to-date with the newest version of this cutting-edge framework. Don't delay your progress; enroll today and step into the future of web development!
Who this course is for:
People wanting to learn modern JavaScript frameworks like React, Angular, NextJS

User Reviews

Rating

average 0

Total votes0

Focused display

I am a freelancing web developer with several completed commercial projects under my belt. I specialize in creating modern and responsive websites using cutting-edge technologies such as React, Next.js, and Tailwind. Let me help you bring your online vision to life with an attractive and functional website that stands out in today's digital landscape.

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.