Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

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

Next JS & Open AI / GPT: Ứng dụng Next JS thế hệ mới kết hợp AI

Next JS & Open AI / GPT: Ứng dụng Next JS thế hệ mới kết hợp AI

Next JS + OpenAI GPT3.5: Xây dựng ứng dụng tạo bài viết blog thân thiện SEO với auth0, GPT, thanh toán stripe, tailwind và MongoDB

4.4
(546 đánh giá)
4,477 học viên
Giảng viên
Tom Phillips
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 1.189.000đ -96%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
5.0 giờ video
48 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Tự xây dựng sản phẩm SAAS của riêng bạn với sức mạnh AI và Next JS
Sử dụng GPT của OpenAI để tích hợp nội dung tự động tạo bằng AI vào ứng dụng
Xác thực ứng dụng Next JS với Auth0
Thiết kế giao diện ứng dụng Next JS bằng Tailwind CSS
Lưu trữ dữ liệu cho ứng dụng Next JS với MongoDB
Thu phí khách hàng qua Stripe

Yêu cầu

Chỉ cần hiểu cơ bản về React - mọi thứ khác đã được bao gồm trong khóa học!

Đối tượng phù hợp

Dành cho lập trình viên React muốn nâng cao giá trị bản thân bằng cách học tạo sản phẩm SAAS và khai thác sức mạnh AI

Nội dung khóa học

8 phần • 41 bài giảng
1 Quan trọng! Đọc phần này trước khi bắt đầu khóa học! (Kho lưu trữ Github, v.v.)
2 Giới thiệu khóa học & demo dự án
3 Thiết lập dự án
4 Đánh giá và nhận xét trên Udemy
5 Thiết lập tất cả route cần thiết cho ứng dụng
1 Cài đặt auth0 cho chức năng xác thực
2 Thiết lập trạng thái xác thực & thông tin người dùng khi đăng nhập
3 Triển khai các route được bảo vệ chỉ truy cập được khi đã đăng nhập
1 Tạo component AppLayout cơ bản
2 Triển khai thanh bên & tạo kiểu với Tailwind CSS
3 Triển khai phần chân của thanh bên
4 Tạo phần đầu thanh bên & áp dụng AppLayout cho tất cả trang liên quan
5 Tạo component logo ứng dụng sử dụng Google Fonts & FontAwesome
6 Tạo trang chủ / trang landing chính, và hoàn thiện phần đầu thanh bên
1 VẤN ĐỀ VỚI OPENAI
2 MỚI - Thiết lập dự án để làm việc với GPT
3 Gọi API OpenAI
4 Tạo tiêu đề SEO và mô tả meta
5 MỚI - Truyền chủ đề và từ khóa đến endpoint API generatePost
6 Thiết lập MongoDB
7 Triển khai chức năng thêm tokens và lưu vào MongoDB
8 MỚI - Lưu dữ liệu bài viết đã tạo vào MongoDB
9 Tải dữ liệu bài viết cho trang bài viết cụ thể
10 MỚI - Tự động chuyển hướng đến bài viết sau khi tạo
11 MỚI - Hiển thị nội dung bài viết cho trang bài viết cụ thể
12 Hiển thị danh sách bài viết có sẵn trong thanh bên
1 Thiết lập Stripe
2 Triển khai webhooks Stripe
1 Sửa lỗi hiển thị icon Font Awesome quá lớn khi tải trang trong môi trường production
2 Cập nhật giao diện & icon loading
3 Xác thực dữ liệu form khi tạo bài viết mới
1 Tạo posts context và lấy 5 bài viết đầu tiên
2 Tạo endpoint getPosts
3 Ẩn nút "tải thêm bài viết" và sửa lỗi bài viết biến mất trong thanh bên
4 Sửa lỗi hiển thị bài viết trong thanh bên khi tải lần đầu
5 Tạo endpoint deletePost
6 Tạo giao diện xóa bài viết & gọi endpoint deletePost
7 Xóa bài viết khỏi thanh bên
8 Tái cấu trúc posts context sử dụng reducer thay cho state
1 Triển khai trên DigitalOcean
2 PHẦN THƯỞNG BỔ SUNG!

Giới thiệu khóa học

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!

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Artificial Intelligence
Hiển thị tất cả khoá học Next Js
Hiển thị tất cả khoá học Openai Api
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊