Tạo Chat GPT dựa trên bộ định tuyến ứng dụng Next.js

Name: Tạo Chat GPT dựa trên bộ định tuyến ứng dụng Next.js
Rating: 5 (37 reviews)

Sử dụng Bộ định tuyến ứng dụng phiên bản Nextjs 14 và AI/SDK của Vercel Hãy tạo một dịch vụ chatbot AI như chat gpt.

(5.0) 37 đánh giá

1,204 học viên

eatcoding

chatgpt

Next.js

ChatGPT

React

TypeScript

TailwindCSS

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

phản ứng
nextjs

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Bất cứ ai tò mò về bộ định tuyến ứng dụng Nextjs
Bất kỳ ai muốn phát triển toàn diện với Nextjs
Bất cứ ai muốn sử dụng API AI mở

Cần biết trước khi bắt đầu?

Phản ứng
Bản đánh máy

Xin chào
Đây là

안녕하세요 프론트엔드 개발자 코딩먹방입니다.

저는 약 3년동안 현업에서 개발을 했었고 현재는 새로운 기술들을 학습하며

개인적으로 개발을 진행하고 있습니다.

그리고 저는 그런 과정에서 습득한 것들을 공유하고자 합니다.

감사합니다.

Chương trình giảng dạy

Tất cả

27 bài giảng ∙ (3giờ 41phút)

Phần 1. Giới thiệu

1 bài giảng ∙ (6phút)

1. Giới thiệu khóa học
06:46

Phần 2. Thiết lập môi trường phát triển

1 bài giảng ∙ (3phút)

2. Cài đặt Node, vscode
03:39

Phần 3. Nextjs(AppRouter) Định tuyến

5 bài giảng ∙ (27phút)

3. ** Đọc kỹ khi cài đặt next15 **
4. Page & Layout
07:36
5. Dynamic Route, Route Group, Route Handler
09:35
6. Đang tải UI & Truyền phát
06:23
7. Xử lý lỗi
04:09

Phần 4. Thiết lập dự án

3 bài giảng ∙ (25phút)

Phần 5. Đăng ký & Đăng nhập

5 bài giảng ∙ (56phút)

Phần 6. Trang trò chuyện (Markup)

5 bài giảng ∙ (48phút)

Phần 7. Trang trò chuyện (Triển khai)

6 bài giảng ∙ (48phút)

Phần 8. Phân phối

1 bài giảng ∙ (4phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

37 đánh giá

5.0

37 đánh giá

aslkdfjalsdfj
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
33% đã tham gia
윤예원
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
33% đã tham gia
skql2924
Đánh giá 7
∙
Đánh giá trung bình 5.0
5
33% đã tham gia
Jang Jaehoon
Đánh giá 609
∙
Đánh giá trung bình 4.9
5
11% đã tham gia
좋은 강의 감사합니다!
papaya1
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
56% đã tham gia

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

손에 익는 Next.js - 블로그 만들기

하조은

Next.js로 개인 블로그를 만들며 Next.js를 손에 익혀봐요!

초급

Next.js, React, 블로그

손에 익는 Next.js - 블로그 만들기

하조은

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

최신 Next.js v15 App Router를 학습하며 노션 기반의 실용적인 개발자 블로그를 함께 구축하는 강의입니다. 추가로 커서 AI 활용법 등 다양한 인사이트도 얻을 수 있습니다.

초급

React, 블로그, Next.js

Next.js 완벽 마스터 (v15): 노션 기반 개발자 블로그 만들기 (with 커서AI)

짐코딩

Next.js 시작하기(feat. 지도 서비스 개발)

박용주

Next.js의 기본을 다루는 강의입니다. Next.js로 지도 서비스를 처음부터 끝까지 개발해봅니다.

초급

Next.js, SEO, vercel

Next.js 시작하기(feat. 지도 서비스 개발)

박용주

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

이 강의를 통해 리액트 기초부터 중급까지 배우게 됩니다. 하나의 강의로 개념도 익히고 실습도 하며, 리액트를 위해 필요한 대부분의 지식을 한번에 습득할 수 있도록 만들었습니다.

초급

React, Next.js, TypeScript

따라하며 배우는 리액트 A-Z[19버전 반영]

John Ahn

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

이 강의를 통해서 레딧 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

초급

클론코딩, Node.js, React

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

John Ahn

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

Whisper를 로컬에서 실행하고, FastAPI와 Next.js를 활용해 AI 음성 인식 앱을 빠르게 개발하는 실전 프로젝트 강의입니다. 실시간 음성 인식까지 구현하며, 짧은 시간 안에 간단한 포트폴리오로 활용할 수 있는 결과물을 완성할 수 있습니다.

초급

Next.js, FastAPI, whisper

바이브 코딩: Next.js + FastAPI + Faster-Whisper로 음성 메모 앱 만들기

ludgi

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

타입스크립트를 시작하는 분들을 위한 강의입니다. 최신 자바스크립트 문법을 모르는 분들도 쉽게 배울 수 있도록 교과 과정을 구성하였습니다. 어렵게만 느껴지는 타입스크립트를 입문자 관점에서 쉽고 재밌게 배워보겠습니다 😄

초급

TypeScript, ES6, JavaScript

타입스크립트 입문 - 기초부터 실전까지

장기효(캡틴판교)

AI로 기획부터 개발까지! LLM 주도 Next.js 쇼핑몰 제작

ludgi

v0, cursor AI 및 각종 LLM과 함께 PRD부터 AI 상품 추천까지! 실전 프로젝트로 Next.js 쇼핑몰을 완성하세요

초급

nextjs, ChatGPT, LLM

AI로 기획부터 개발까지! LLM 주도 Next.js 쇼핑몰 제작

ludgi

Next.js 15 with Spring Boot

구멍가게코딩단

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 15의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다.

중급이상

JavaScript, React, Spring Boot

Next.js 15 with Spring Boot

구멍가게코딩단

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

입문

React, React Native, react.js

Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

IT s Dev

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[Tailwind CSS 실전 포트폴리오 퍼블리싱]은 Tailwind CSS를 활용해 26가지 이상의 다양한 실전 예제 제작하는 과정입니다. 실전 예제를 빠르게 다양하게 제작하면 그 속에서 필수적인 이론을 설명합니다. 해당 강의는 개발자와 퍼블리셔가 만드는 Tailwind CSS 스타일링을 중심으로 제작되었습니다.

초급

TailwindCSS, HTML/CSS

Tailwind CSS 실전 포트폴리오 퍼블리싱

코딩웍스(Coding Works)

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

TypeScript(타입스크립트)를 하나도 모르더라도 강의 하나로 Typescript 문법 고수로 만들어주는 고농축 Typescript 문법 강의입니다.

초급

TypeScript

[코드팩토리] [초급] 8시간만에 끝내는 코드팩토리의 Typescript 완전정복 풀코스

코드팩토리

ChatGPT API를 이용한 인공지능 웹서비스 개발

자바전문가그룹

OpenAI사의 API를 이용해서 인공지능 웹서비스를 개발하는 방법을 설명합니다.

초급

ChatGPT, 인공지능(AI), openAI API

ChatGPT API를 이용한 인공지능 웹서비스 개발

자바전문가그룹

누구보다 빠르게 배우는 풀스택 게시판 만들기

Neo

이 강의에 서버(Java+Springboot) 와 프론트(React, ReactNative, Flutter, Android, iOS)를 모두 담았습니다. 이 강의로 풀스택 게시판 만드는 경험을 진행해보세요

입문

React, React Native, iOS

누구보다 빠르게 배우는 풀스택 게시판 만들기

Neo

따라하며 배우는 타입스크립트 A-Z

John Ahn

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

초급

TypeScript, JavaScript

따라하며 배우는 타입스크립트 A-Z

John Ahn

하루만에 만드는 나만의 비주얼 노벨 게임

Neo

React, Javascript, SpringAI, Springboot를 통해서 나만의 비주얼 노벨 게임을 만들어 보세요. SpringAI와 React 를 통하여 웹기반 비주얼 노벨 게임을 만드는 법을 알려드립니다!

초급

React, Spring Boot, 인공지능(AI)

하루만에 만드는 나만의 비주얼 노벨 게임

Neo

프로젝트로 배우는 Python 챗봇 & RAG - LangChain, Gradio 활용

판다스 스튜디오

파이썬 기본 문법과 라이브러리를 활용해서 나만의 AI 챗봇을 직접 만들어 보세요. PDF 문서 기반의 RAG 등 5개의 프로젝트를 단계별로 수행하고, 웹 서비스로 배포하는 과정을 학습합니다.

초급

RAG, LangChain, LLM

프로젝트로 배우는 Python 챗봇 & RAG - LangChain, Gradio 활용

판다스 스튜디오

아바타 커뮤니티앱 만들기 (React Native Expo)

Kyo

리액트 네이티브로 아바타 기반 커뮤니티앱을 개발합니다. 글작성 뿐만아니라 댓글/대댓글, 좋아요, 투표, 아바타 생성 등 완성도 있는 커뮤니티앱을 만드는 과정을 배우게 됩니다.

초급

React Native, TypeScript, expo

아바타 커뮤니티앱 만들기 (React Native Expo)

Kyo

AI Agent with LangGraph version 1 기초부터 고급까지

당근먹는토끼

이 강의는 ChatGPT가 단순한 대화형 AI에서 벗어나 실제 업무를 수행하는 지능형 AI Agent로 발전하는 모든 과정을 다룹니다. LangChain, LangGraph, LangSmith 세 가지 핵심 프레임워크를 활용하여 실무에서 바로 사용할 수 있는 AI Agent를 직접 만들어보니다.

초급

인공지능(AI), ChatGPT, LLM

AI Agent with LangGraph version 1 기초부터 고급까지

당근먹는토끼

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

입문

HTML/CSS, JavaScript, Next.js

바이브 코딩 With Claude Code로 웹 서비스 만들기

개발 까마귀

Tạo Chat GPT dựa trên bộ định tuyến ứng dụng Next.js

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Tạo Chat GPT dựa trên Nextjs App Router

Tôi giới thiệu điều này cho những người này

Sau giờ học

Khuyến nghị cho
những người này

Xin chào
Đây là

Chương trình giảng dạy

Đánh giá

Khóa học tương tự

Tạo Chat GPT dựa trên bộ định tuyến ứng dụng Next.js

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Tạo Chat GPT dựa trên Nextjs App Router

Tôi giới thiệu điều này cho những người này

Sau giờ học

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là