Next JS & Open AI / GPT: Next-generation Next JS & AI apps

Focused View

Tom Phillips,WebDevEducation Support

3:19:03

125 View

1 - Introduction project setup

1 - Project setup.mp4

04:13

2 - Udemy ratings and reviews.mp4

00:38

3 - Set up all required routes for our app.mp4

05:28

2 - Authentication authorization with Auth0

4 - Set up auth0 for authentication.mp4

07:48

5 - Set the auth state user information if logged in.mp4

09:25

6 - Implement protected routes that are only accessible if logged in.mp4

04:21

3 - Creating the app layout with Tailwind CSS

7 - Create the basic AppLayout component.mp4

05:31

8 - Implementing the sidebar styling with Tailwind CSS.mp4

09:31

9 - Implementing the sidebar footer.mp4

05:09

10 - Create the sidebar header roll out the AppLayout for all relevant pages.mp4

08:28

11 - Create the app logo component using Google Fonts FontAwesome.mp4

08:43

12 - Create the homepage main landing page and finish off the sidebar header.mp4

07:56

4 - Generate blog posts with OpenAIs GPT API and store in MongoDB

13 - Setting up our project to work with GPT.mp4

11:02

14 - Refine the OpenAI prompt and render the results.mp4

09:09

15 - Pass topic and keywords to the generatePost API endpoint.mp4

07:53

16 - Set up MongoDB.mp4

04:53

17 - Implement add tokens functionality and store in MongoDB.mp4

10:27

18 - Save generated post data to MongoDB.mp4

10:00

19 - Load the post data for a particular post page.mp4

07:54

20 - Autonavigate to a post after its generated.mp4

06:01

21 - Render the post content for a particular post page.mp4

11:45

22 - Render list of available posts in the sidebar.mp4

15:17

5 - Implementing stripe payments

23 - Set up stripe.mp4

12:41

24 - Implement stripe webhooks.mp4

14:50

Description

Next JS & OpenAI GPT3: Build an SEO-friendly blog post gen app with auth0, GPT, stripe payments, tailwind, & MongoDB

What You'll Learn?

Build your own SAAS products powered by AI and Next JS
Use OpenAI's GPT to implement AI generated content in your apps
Authenticate your Next JS apps with Auth0
Style your Next JS apps with Tailwind CSS
Store data for your Next JS apps with MongoDB
Charge customers using stripe

Who is this for?

React developers who want to increase their value as a developer by learning how to create SAAS products and start leveraging the power of AI

More details

Description
Don't get left behind! Increase your value as a web developer today by learning how to integrate AI in to your projects!
Welcome to the exciting world of AI-powered, next-generation, Next JS apps!
In this course we will create a fictional Software-As-A-Service (SAAS) product called "BlogStandard". We'll build "BlogStandard" using a combination of Next.js, OpenAI's GPT, MongoDB, Auth0, Stripe, and Tailwind CSS. BlogStandard allows users to create an account (handled by auth0), purchase tokens (handled by stripe), and spend those tokens to generate blog posts, powered by OpenAI's GPT API. User's tokens and generated blog posts will be stored using MongoDB.
In this comprehensive online course, you'll learn how to harness the power of these cutting-edge technologies to build a fast, responsive, and dynamic web application that generates high-quality blog posts using AI. With step-by-step guidance, you'll gain hands-on experience working with each of these technologies to bring your vision to life.
First, we'll dive into Next.js, a popular framework for building web applications. You'll learn how to create fast and responsive pages, manage routing, and integrate APIs to build a powerful and dynamic web application.
Next, we'll explore OpenAI's GPT, the state-of-the-art language generation model, and learn how to use it to generate high-quality blog posts. You'll also discover how to integrate MongoDB, a scalable and flexible NoSQL database, to store and manage data for our application.
In addition, you'll learn how to use Auth0, a powerful identity management platform, to handle user authentication and authorization, and Stripe, a leading payment processor, to handle transactions and payment processing. Finally, you'll learn how to use Tailwind CSS, a modern CSS framework, to style and design your application, bringing your vision to life.
By the end of this course, you'll have the skills and knowledge you need to build your own AI-powered app and unleash the full potential of AI in your web development projects. So what are you waiting for? Join now and start your journey to the exciting world of AI-powered Next JS apps!
Who this course is for:
React developers who want to increase their value as a developer by learning how to create SAAS products and start leveraging the power of AI

User Reviews

Rating

average 0

Total votes0

Focused display

Tom Phillips has been developing front end web and mobile apps in the United Kingdom for numerous years. In that time he has had to prepare and teach multiple courses on the latest cutting edge front end web frameworks to junior developers, as well as mentor them during their early days as junior developers. Through doing this, Tom found efficient methods to teach and break down common complex problems that many developers face when trying to get started with new frameworks, especially in such a rapidly changing field as front end web development. Now he's applying those methods to his Udemy courses!Way back when Tom himself was a junior developer, he was fortunate enough to have been mentored by experts in the field. This allowed him to rapidly progress in his career and understand and architect multiple large projects in his time as an expert front end developer. Now Tom is passing on the buck and sharing his knowledge. Get the same mentoring that Tom received by enrolling on one of his courses and fast-track your understanding and knowledge in front end web development.

WebDevEducation Support

Instructor's Courses

Tom has been a web developer for over a decade. He created WebDevEducation to provide courses that provide you with the skills to increase your value as a front end developer by improving your web development skills. Learn popular web development libraries and frameworks with Tom to get ahead of the competition!(TOMPHILL LTD - 09531652)

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.