Next.js Full Course to Dip In (English Audio & Korean Subtitles)

Name: Next.js Full Course to Dip In (English Audio & Korean Subtitles)
Price: 16500 KRW

A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

(5.0) 2 reviews

48 learners

ludgi

실행방법

tts

Next.js

React

GraphQL

Prisma

AWS

What you will learn!

Utilizing Next.js App Router
Automating Data Synchronization with GraphQL and TanStack Query
Efficient GraphQL Workflow Automation Using CLI
Database Management with PostgreSQL and Prisma
Using TanStack Query (React Query)
React Hook Form and Data Validation
State management with Zustand
Data caching with Redis
Building a message queue system with RabbitMQ
Automating Environment Configuration with Docker Compose
UI/UX Design using TailwindCSS and Shadcn
Test automation with Cypress
Documenting UI Components with Storybook
AWS Presigned URL
Session Management with Iron Session
Session Management with Redis

Next.js course focused on practice with various examples 🚀

This course is not just a theory course. It is a practical course where you can learn all about the latest web technologies through examples that can be applied directly to real projects .

Based on Next.js and React , we utilize various practical technology stacks such as GraphQL, Prisma, TanStack Query, Redis, and RabbitMQ.
All the heavy lifting is automated! Use our CLI tool to set up a set of GraphQL resolvers and API integrations in seconds.
Experience everything from setting up a development environment using Docker Compose to cloud deployment using AWS.
It comprehensively covers the core elements of web services , including real-time data processing, session management (Iron Session), SSR, and SEO optimization.

If you are tired of simple tutorials, try implementing production-ready functions based on various examples to get a practical feel. After learning, you will be able to confidently handle an all-rounder technology stack that can be used right away in your startup!

💡 This course focuses on learning the technology stack and workflow required in a startup environment for projects based on Next.js (15+) and React (19) . In particular, it provides various technologies and efficient development methods that can be immediately applied in practice.

Planning Background
In a startup environment, you need to quickly build a product that is suitable for production. This course covers automation through CLI tools , integration of GraphQL and TanStack Query , and real-time data processing with Redis and RabbitMQ to meet these needs.
It is designed so that even complex skills can be learned step by step through simple and clear exercises.
Tools and techniques used
We utilize various practical stacks such as Next.js (15+), React (19), Prisma, Docker Compose, GraphQL, TanStack Query, Redis, RabbitMQ, Iron Session, etc.
Balance between theory and practice
This course is not a simple theory course. It is designed to help you easily implement functions that can be used in actual production , and to help you learn core keywords so that you can confidently use them in practice.
Nowadays, AI tools like ChatGPT can help you improve complex tasks using only keywords you already know. Therefore, this course focuses on figuring out what you don't know and learning the keywords you need .
The knowledge and projects you gain through lectures will be at a level that is sufficiently competitive in the field, and you will be able to obtain results that are comparable to those you create in your own products .
Difficulty
This course is intended for intermediate or higher level learners with basic knowledge of React and TypeScript.
However, we have structured it so that you can understand it by following the step-by-step examples even if you do not have any practical experience.

Features of this course

📌 Learn a technology stack that can be immediately applied in practice through various examples.
We share technologies and workflows that can maximize the efficiency and productivity required in a startup environment.

📌 Maximize automation and productivity using CLI.
Automatically generates a set of GraphQL resolvers and API integrations, and helps you easily maintain a code structure that follows conventions.

📌 20% theory, 80% practice.
I write all the code myself, focusing on production-level projects, and verifying that it works as expected.

📌 A configuration that can be used immediately in actual services.
Based on Next.js (15+) and React (19), you will learn technologies widely used in startups and practice, such as Redis, RabbitMQ, Prisma, and Docker Compose.

📌 This course is for intermediate learners.
You need to understand basic React and TypeScript. It's not hard to advance. I'll help you realize "what you don't know."

Practice environment

The lectures are conducted in a Windows environment , but you can follow along without any problems on MacOS or Linux. If you have Docker installed, you can perform most of the exercises regardless of the operating system.

Please prepare the following for the lecture:

Docker : Docker is required to set up a development environment. Please refer to the official documentation for installation instructions.
Code Editor :
- Cursor AI : The best recommended tool for coding assistance and quick problem solving. It is the most recommended code editor in this course, especially because it can maximize productivity.
- Visual Studio Code (VS Code) : If you don't have Cursor AI, you can follow the lecture content without any difficulty using VS Code.
LLM Services (ChatGPT, Claude, etc.) : I highly recommend subscribing to one or more LLM services to help you write code and troubleshoot problems during your internship.

Player Knowledge and Notes
This course is designed for intermediate developers and recommends the following prerequisite knowledge for smooth learning:

Understanding basic JavaScript and TypeScript
- If you have experience using ES6+ syntax and basic TypeScript, learning will be easy.
Basic experience using React
- If you are familiar with component structure, Props, and basic Hooks, you will find it easier to follow the exercises.
GraphQL Basic Knowledge
- If you know the basic query and mutation structures of GraphQL, you can maximize the learning effect.
Basic knowledge of SQL and databases
- If you understand how to write basic SQL queries and how databases work, you can easily learn how to integrate Prisma with GraphQL.
Docker installation and simple usage experience
- Since it includes setting up a development environment using Docker Compose, please be familiar with Docker installation and basic usage.
Experience using coding assistance tools (Large Language Model, LLM) (optional)
- If you have experience using AI tools like ChatGPT, Claude, or Cursor AI, you will find that problem-solving and hands-on progress will be faster and more effective.

After class…

The material covered in the lecture is too extensive to fully digest in one sitting, but it provides a technology stack and project structure that can be immediately applied in practice .
Once you understand this project, you will have no difficulty developing new services based on it or applying it to practice .

After taking this course, you will:

You can design and implement practical projects by combining complex technology stacks .
You can develop productive and scalable services suitable for a startup environment by utilizing the latest technologies such as GraphQL, Redis, RabbitMQ, and Docker.
You will gain the confidence to add new features or design entirely new services based on the projects you learn in class.
Rather than simply learning by following, you will learn to identify what you don't know and how to solve it .

This course is not just a basic learning, but it provides a practical foundation for developing and expanding real services . It will take your technical skills and practical sense to the next level. 😊

Recommended for
these people

Who is this course right for?

For those who want to complete a real-world project using Next.js and React
Anyone looking to learn a tech stack suitable for a startup environment.
For those who want to automate repetitive tasks and increase productivity.
People who want to experience cloud deployment
Someone who wants to become an all-rounder developer encompassing both server and client development.
For those who want to learn skills that can be immediately applied in practice.

Need to know before starting?

Basic knowledge of HTML and CSS
Understanding Basic JavaScript Syntax
React Basics
Next.js basic knowledge
Basic Understanding of TypeScript

Hello
This is

462

Learners

Reviews

Answers

4.1

Rating

Courses

안녕하세요, 주식회사 럿지의 대표입니다.

저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.

특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

Curriculum

All

56 lectures ∙ (3hr 48min)

Section 1. Welcome!

2 lectures ∙ (3min)

1. Course Introduction
02:17
2. Preparation for learning
00:47

Section 2. Setup

4 lectures ∙ (6min)

3. Essential Tool Installation and Setup
00:38
4. Project Download
01:33
5. Redis and RabbitMQ Environment Setup using Docker Compose
01:33
6. SWC/Express-Next.js Advantages
02:16

Section 3. Prisma and Data Control

10 lectures ∙ (34min)

7. Brief introduction to Prisma
01:31
8. Running PostgreSQL with Docker
01:11
9. Project Execution and Database Integration using Prisma
02:53
10. Inserting Dummy Data Using Prisma Official Documentation
04:00
11. Comprehensive Compilation of Prisma Usage Examples
13:53
12. Creating Data (Create) Using Prisma
02:18
13. Data Reading using Prisma (Read)
00:55
14. Data Update using Prisma (Update)
01:37
15. Deleting Data Using Prisma (Delete)
01:43
16. Prisma Schema Change Lab: Comment Table Add/Revert
04:22

Section 4. Core concepts and usage methods of GraphQL

9 lectures ∙ (58min)

Section 5. React Hook Form Usage and Advanced Techniques

3 lectures ∙ (8min)

Section 6. State Management using Zustand

1 lectures ∙ (3min)

Section 7. TanStack Query Usage Example

4 lectures ∙ (18min)

Section 8. Prisma, GraphQL, TanStack Query CRUD

2 lectures ∙ (9min)

Section 9. Redis and RabbitMQ

3 lectures ∙ (14min)

Section 10. session

2 lectures ∙ (12min)

Section 11. Next.js + Prometheus + Grafana: Easy and fast monitoring setup

5 lectures ∙ (19min)

Section 12. Presigned URL: Lighter and faster file uploads!

9 lectures ∙ (26min)

Section 13. Bonus

2 lectures ∙ (12min)

Published:

Last updated:

Reviews

All

2 reviews

5.0

2 reviews

chuing
Reviews 12
∙
Average Rating 4.8
Edited
5
56% enrolled
Nguồn code được cung cấp trong khóa học theo tiêu chuẩn của tôi là tốt. Và việc giải thích bằng tiếng Anh kèm phụ đề tiếng Hàn... Tôi nghĩ là có ý đồ khác ở đây. Có vẻ như họ đã cấu hình server bằng graphql và express... Nhưng vì tôi không dùng cấu hình đó khi sử dụng nextjs... Tuy vậy, nội dung vẫn có vẻ ổn. Nhìn chung, việc sử dụng code rất gọn gàng và trông như một nguồn code tốt để tham khảo. Mặc dù tôi mới chỉ xem được một nửa... Tôi cũng rất thích cách cấu trúc code đơn giản, hướng dẫn sử dụng cho từng thư viện riêng biệt.
- ludgi
  Instructor
  Cảm ơn bạn rất nhiều vì những đánh giá quý giá! Tôi rất vui vì bạn đã nắm bắt được những điểm mà tôi muốn truyền tải khi xem bài giảng. 😊 Trong tương lai, tôi sẽ tạo ra các bài giảng theo hướng cung cấp những tài liệu tham khảo hữu ích. Ngoài ra, khi nghe tin Inflearn mở rộng thành một nền tảng toàn cầu, tôi đã thử chuẩn bị bài giảng bằng tiếng Anh để tạo sự khác biệt so với các bài giảng khác. 😊😊 Một lần nữa xin cảm ơn và tôi sẽ gặp lại các bạn với những bài giảng hay hơn nữa! 🙌
sylpro427097
Reviews 1
∙
Average Rating 5.0
5
100% enrolled

$13.20

ludgi's other courses

Check out other courses by the instructor!

Xây dựng hệ thống phát hiện hỏa hoạn với Next.js và yolov11

ludgi

Tìm hiểu cách xây dựng hệ thống phát hiện cháy thời gian thực dùng Next.js, YOLOv11, FastAPI.

초급

Next.js, yolo, Python

Xây dựng hệ thống phát hiện hỏa hoạn với Next.js và yolov11

ludgi

Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

ludgi

Đây là khóa học dự án thực tế về cách chạy Whisper cục bộ và phát triển nhanh chóng một ứng dụng nhận dạng giọng nói AI bằng FastAPI và Next.js. Bạn sẽ triển khai nhận dạng giọng nói theo thời gian thực và hoàn thành một sản phẩm có thể được sử dụng làm portfolio đơn giản trong một thời gian ngắn.

초급

Next.js, FastAPI, whisper

Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

ludgi

Next.js Toàn Tập Chấm (Lồng tiếng Việt)

ludgi

Khóa học Next.js đầy đủ từ A đến Z! Hoàn thành dự án thực tế với các công nghệ mới nhất như GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, Grafana, v.v. và trải nghiệm cả App Router và Page Router.

중급이상

Next.js, React, GraphQL

Next.js Toàn Tập Chấm (Lồng tiếng Việt)

ludgi

Giải pháp trang đích tối ưu SEO & chiến lược hiển thị: Hoàn thiện với Vibe Coding cùng Nextjs

ludgi

Hoàn thành trang landing giới thiệu công ty bằng cách lập trình thực tế với phong cách sống động. Sử dụng stack Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP, tiến hành từ thiết kế đến triển khai một lần. Trọng tâm là "triển khai nhanh + SEO tối ưu để hiển thị tốt trên công cụ tìm kiếm". 🏁 Mục tiêu khóa học Tạo landing → Tối ưu hiệu suất → Áp dụng SEO → Triển khai/lập chỉ mục Xác nhận ngay sản phẩm hoàn thiện từng phần thông qua lập trình thời gian thực (vibe coding) Trải nghiệm trực tiếp việc phản ánh tìm kiếm 🛠️ Stack thực hành Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, quy trình làm việc MCP 🔍 Thực hành SEO Áp dụng file MD tối ưu SEO do giảng viên cung cấp Metadata, OG/Twitter card, robots/sitemap, dữ liệu có cấu trúc (JSON-LD) Áp dụng tùy chọn định tuyến đa ngôn ngữ 🎯 Sản phẩm hoàn thiện Landing giới thiệu công ty responsive + form liên hệ Mục tiêu Lighthouse 95+ Triển khai Vercel sau đó đăng ký Search Console và yêu cầu lập chỉ mục 📚 Những gì học được từ khóa học này Cách cấu thành nhanh các phần hero/tin cậy/tính năng/FAQ Cấu thành UI gọn gàng với shadcn/ui Thiết kế điểm theo dõi chuyển đổi cơ bản và xác thực form Nâng điểm SEO bằng dữ liệu có cấu trúc + định tuyến đa ngôn ngữ Hiểu quá trình lập chỉ mục thông qua Search Console sau triển khai 💡 Insight thực tế (đặc quyền khóa học) Không chỉ đơn thuần triển khai code, mà còn đề cập đơn giản về phương thức marketing·hiển thị được sử dụng thực tế trên thị trường. Phạm vi đơn giá thực tế của quảng cáo, blog posting, công việc comment Cách các công ty gia công·dịch vụ thực tế tiến hành công việc SEO, hiển thị Sự khác biệt về chi phí/hiệu quả khi developer tham gia trực tiếp và khi giao thầu phụ Thông qua phần này, có thể rèn luyện cảm giác không chỉ về kỹ thuật mà còn về cách sử dụng thực tế trong công việc, cấu trúc chi phí vận hành như thế nào. Tóm tắt một dòng "Theo dõi quy trình triển khai → tối ưu → triển khai → lập chỉ mục", Học quy trình tạo web kết nối đến hiển thị tìm kiếm thực tế và cấu trúc thị trường thực tế.

입문

React, Node.js, cursor

Giải pháp trang đích tối ưu SEO & chiến lược hiển thị: Hoàn thiện với Vibe Coding cùng Nextjs

ludgi

AI từ lên kế hoạch đến phát triển! Tạo trang thương mại điện tử Next.js dẫn dắt bởi LLM

ludgi

Cùng v0, cursor AI và các LLM, từ PRD đến gợi ý sản phẩm AI! Hoàn thiện trang mua sắm Next.js của bạn với dự án thực tế.

초급

nextjs, ChatGPT, LLM

AI từ lên kế hoạch đến phát triển! Tạo trang thương mại điện tử Next.js dẫn dắt bởi LLM

ludgi

Dự án front-end dành cho người mới bắt đầu học React và Next.js: Hoàn thành Tailwind CSS và triển khai tĩnh

ludgi

Đây là khóa học giới thiệu về front-end sử dụng Next.js và Tailwind CSS. Khóa học hoàn thành việc triển khai tĩnh mà không cần backend và được thiết kế để người mới bắt đầu cũng có thể cảm nhận được thành tựu khi hoàn thành.

입문

Next.js, TailwindCSS, aws-s3

Dự án front-end dành cho người mới bắt đầu học React và Next.js: Hoàn thành Tailwind CSS và triển khai tĩnh

ludgi

Similar courses

Explore other courses in the same field!

Next.js Toàn Tập Chấm (Lồng tiếng Việt)

ludgi

중급이상

Next.js, React, GraphQL

Next.js Toàn Tập Chấm (Lồng tiếng Việt)

ludgi

Phát triển máy chủ phụ trợ Node.js thế hệ tiếp theo (với Fastify & Prisma & Typescript)

Indie Coder

Một khóa học để tìm hiểu API REST phụ trợ mới nhất của Node.js bằng cách sử dụng các khung Node.js nhanh và quản lý Prisma và Typecirpt.

초급

Node.js, TypeScript, Prisma

Phát triển máy chủ phụ trợ Node.js thế hệ tiếp theo (với Fastify & Prisma & Typescript)

Indie Coder

Chương trình phát triển hài hước của Hodolman (SpringBoot, Vue.JS, AWS)

hodolman888675

Không chỉ dừng lại ở việc tạo một ứng dụng đơn giản. Chúng tôi sẽ hướng dẫn bạn hoàn thành A-Z, từ việc tạo backend bằng Spring Boot đến việc kết nối với Vue.js, một stack front-end hiện đại.

중급이상

Spring Boot, JPA, AWS

Chương trình phát triển hài hước của Hodolman (SpringBoot, Vue.JS, AWS)

hodolman888675

Không biết coding cũng OK! Cuộc sống phát triển bắt đầu với CursorAI (Web/Sơ cấp)

FreAiner Harris

Lý do tôi tạo ra khóa học này chỉ có một. Đó là vì tâm niệm "muốn giúp đỡ những người không chuyên như tôi có thể hiện thực hóa ý tưởng của mình".

입문

cursor, No-code, Firebase

Không biết coding cũng OK! Cuộc sống phát triển bắt đầu với CursorAI (Web/Sơ cấp)

FreAiner Harris

React(리액트) quản lý trạng thái Hook

usefulit

Khóa học này tập trung vào việc học chuyên sâu về các hook useContext và useReducer để quản lý state hiệu quả trong React. Bạn có thể học cách giảm độ phức tạp trong việc truyền dữ liệu giữa các component và quản lý state một cách có hệ thống trong các ứng dụng quy mô lớn thông qua thực hành. Qua đó, học viên có thể hiểu được các khái niệm cơ bản về quản lý state toàn cục và trang bị khả năng ứng dụng thực tế có thể áp dụng ngay vào các dự án thực tế.

입문

React, hook, react-hook-form

React(리액트) quản lý trạng thái Hook

usefulit

Tối ưu hóa hiệu suất web thực tế dành cho nhà phát triển front-end (hợp tác với React) - Phần. 2

hackurity01

React tạo ra dịch vụ web và học cách đo lường hiệu suất cũng như tối ưu hóa nhanh hơn và hiệu quả hơn.

중급이상

React, Chrome DevTools

Tối ưu hóa hiệu suất web thực tế dành cho nhà phát triển front-end (hợp tác với React) - Phần. 2

hackurity01

Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

codecamp

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

중급이상

React, Next.js, cursor

Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

codecamp

Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS

lopun

🔥 Từ đăng ký khóa học đến tải video lên, đây là một khóa học full-stack thực chiến để triển khai đầy đủ các tính năng của người chia sẻ kiến thức. Sử dụng Next.js 15 và NestJS, bạn sẽ xây dựng theo luồng thực tế của Inflearn, bao gồm tạo khóa học, cấu trúc chương trình giảng dạy, tải ảnh bìa và video lên, viết phần giới thiệu chi tiết. Bạn cũng có thể tích lũy kinh nghiệm thực tế gần với công việc như mô hình hóa Prisma, xác thực JWT, tải lên S3 + CloudFront, thiết kế API Swagger, v.v.

초급

AWS, Docker, Next.js

Inflearn clone coding Part 1: Dự án thực tế bắt đầu với Next.js và NestJS

lopun

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

Thực hành REST API và GraphQL trong khi tạo dịch vụ SNS dựa trên React đơn giản. Giới thiệu một cách đơn giản và dễ dàng để tạo môi trường phụ trợ cho việc phát triển giao diện người dùng.

초급

REST API, GraphQL, React

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

Bài giảng dành cho người mới bắt đầu sử dụng AWS (Amazon Web Service)

Sungmin Kim

Hãy cùng tìm hiểu lý thuyết cốt lõi về các dịch vụ AWS thường được sử dụng trong các công ty và nhiều dự án khác nhau hiện nay, đồng thời biến AWS thành của riêng bạn thông qua thực hành thực hành!

입문

AWS, cloud-computing, cloud-platform

Bài giảng dành cho người mới bắt đầu sử dụng AWS (Amazon Web Service)

Sungmin Kim

Tối ưu hóa hiệu suất web thực tế dành cho nhà phát triển front-end (hợp tác với React) - Phần. 1

hackurity01

React tạo ra dịch vụ web và học cách đo lường hiệu suất cũng như tối ưu hóa nhanh hơn và hiệu quả hơn.

중급이상

React, Chrome DevTools

Tối ưu hóa hiệu suất web thực tế dành cho nhà phát triển front-end (hợp tác với React) - Phần. 1

hackurity01

Học React.js từng miếng nhỏ: Từ cơ bản đến thực chiến

winterlood

Hãy cùng học từ khái niệm đến các dự án độc đáo, hoàn thiện JavaScript và React chỉ với khóa học này. Học nhanh, ứng dụng sâu: khóa học All-in-one kéo dài 17 giờ!

초급

JavaScript, React, Node.js

Học React.js từng miếng nhỏ: Từ cơ bản đến thực chiến

winterlood

Amazon Web Services (Core) cùng các kỹ sư ở Thung lũng Silicon

altoformula

Bạn không chắc chắn về cách nghiên cứu thiết kế và kiến trúc hệ thống? Bài giảng về Amazon Web Service (AWS) dành cho người học ở nhiều cấp độ khác nhau, từ người mới bắt đầu đến chuyên gia! Chúng tôi tập trung vào các dịch vụ Core được sử dụng nhiều nhất trong AWS.

입문

AWS, iam, ec2

Amazon Web Services (Core) cùng các kỹ sư ở Thung lũng Silicon

altoformula

Xây dựng nền tảng cộng đồng bình chọn với React & FastAPI: Kiếm tiền thông qua hệ thống thanh toán!

dakgangjung123

Trong khóa học này, chúng ta sẽ thực hành từng bước về các tính năng xã hội như bình chọn thời gian thực, bình luận, lượt thích, v.v., sử dụng React và FastAPI, cũng như cách tích hợp các hệ thống thanh toán (KakaoPay, TossPay, v.v.) để kiếm tiền.

중급이상

React, MySQL, Docker

Xây dựng nền tảng cộng đồng bình chọn với React & FastAPI: Kiếm tiền thông qua hệ thống thanh toán!

dakgangjung123

Dự án ứng dụng serverless bắt đầu bằng tài khoản Amazon Cloud miễn phí

Khi sử dụng tài khoản Amazon Cloud miễn phí, bạn sẽ tìm hiểu quy trình xây dựng API web và logic phụ trợ cũng như tích hợp nó với trang web HTML/CSS/Javascript mà không cần quản lý máy chủ/cơ sở mạng vật lý thông qua một dự án Kanban đơn giản.

중급이상

AWS, Serverless

Dự án ứng dụng serverless bắt đầu bằng tài khoản Amazon Cloud miễn phí

Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)

teracokr

Sau khi học hết các bài giảng này và ứng dụng, bạn có thể tạo trang web và ứng dụng của riêng mình. Đây là bài giảng nhập môn Vibe Coding, sử dụng Cursor AI để tạo nhóm chat riêng cho gia đình dưới dạng Web, đồng thời giúp bạn làm quen tự nhiên với luồng code. Không cần tài khoản App developer hay MacBook, chỉ với Windows, dù không biết lập trình, ai cũng dễ dàng làm theo và học cách triển khai lên trang web thực tế.

입문

Firebase, Next.js, vercel

Tạo phòng chat nhóm siêu đơn giản cho người không chuyên (바이브코딩, Cursor AI)

teracokr

Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

ludgi

초급

Next.js, FastAPI, whisper

Vibe Coding: Tạo ứng dụng ghi nhớ giọng nói bằng Next.js + FastAPI + Faster-Whisper

ludgi

Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]

Indie Coder

Bạn sẽ tìm hiểu cách sử dụng GraphQL cơ bản và nâng cao, công nghệ kiểm soát API thế hệ tiếp theo và trải nghiệm dự án thực tế thông qua dịch vụ kiosk ảo được tạo bằng GraphQL. Khóa học đã được cập nhật một phần lên phiên bản mới nhất, apollo-server v4, kể từ tháng 2 năm 2024.

초급

GraphQL, Svelte, MongoDB

Chinh phục hoàn toàn GraphQL (khóa học full stack vừa học vừa tạo kiosk) - [Đổi mới một phần vào năm 2024]

Indie Coder

Hiểu biết và thực hành về đám mây AWS

alec

Nó giải thích hầu hết mọi thứ xung quanh đám mây một cách dễ hiểu. Nếu bạn nghe nó trước khi thực hành, bạn sẽ có thể hiểu rõ hơn về phát triển và cơ sở hạ tầng đám mây.

입문

AWS, devops, Architecture

Hiểu biết và thực hành về đám mây AWS

alec

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

초급

React, Electron, GUI

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Next.js Full Course to Dip In (English Audio & Korean Subtitles)

What you will learn!

Next.js course focused on practice with various examples 🚀

Features of this course

Learn about these things.

Things to note before taking the class

Learning Materials

After class…

Recommended for
these people

Hello
This is

Curriculum

Reviews

ludgi's other courses

Similar courses

Next.js Full Course to Dip In (English Audio & Korean Subtitles)

What you will learn!

Next.js course focused on practice with various examples 🚀

Features of this course

Learn about these things.

Things to note before taking the class

Learning Materials

After class…

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

ludgi's other courses

Similar courses

Recommended for
these people

Hello
This is