Udemy

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

立即報名
  • 4,400 名學生
  • 更新於 11/2025
4.0
(529 個評分)
  • 提示:
  • 透過本站連結購買Udemy課程,本站將獲得推廣佣金,有助未來提供更多實用進修課程資訊給讀者。

課程資料

報名日期*
全年招生
課程級別
學習模式
修業期
5 小時 3 分鐘
教學語言
英語
授課導師
Tom Phillips, WebDevEducation (Tom Phillips)
評分
4.0
(529 個評分)
*提示: 以上時間表僅供參考,以機構網站為準。

課程簡介

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

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

Don't get left behind! Increase your value as a web developer today by learning how to integrate AI in to your projects!

Please note this course uses the Next JS pages router.

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!

課程章節

  • 8 個章節
  • 41 堂課
  • 第 1 章 Introduction & project setup
  • 第 2 章 Authentication & authorization with Auth0
  • 第 3 章 Creating the app layout with Tailwind CSS
  • 第 4 章 Generate blog posts with OpenAI's GPT API and store in MongoDB
  • 第 5 章 Implementing stripe payments
  • 第 6 章 Styling updates, fixes, and data validation
  • 第 7 章 Implement "load more posts" and delete post
  • 第 8 章 Deploy

課程內容

  • 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


評價

  • M
    Manne Sai Chaitanya
    4.5

    good

  • K
    Keyur Khole
    3.0

    good

  • R
    Ravikumar G
    5.0

    Nice course

  • B
    Buragadda Aswanth
    3.0

    Good

立即關注瀏覽更多

本網站使用Cookies來改善您的瀏覽體驗,請確定您同意及接受我們的私隱政策與使用條款才繼續瀏覽。

我已閱讀及同意