Next.js App router 기반 Chat GPT 만들기

Next.jsで個人的なブログを作成し、Next.jsを手に入れてください！

最新のNext.js v15 App Routerを学習しながら、Notion基盤の実用的な開発者ブログを一緒に構築する講義です。さらにCursor AI活用法など様々なインサイトも得ることができます。

Next.jsの基本を扱う講座です。 Next.jsで地図サービスを最初から最後まで開発してみます。

この講義を通して、Reactの基礎から中級までを学ぶことができます。一つの講義で概念を理解し、実習を通して、Reactに必要なほとんどの知識を一度に習得できるように構成されています。

このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

Whisperをローカルで実行し、FastAPIとNext.jsを活用してAI音声認識アプリを迅速に開発する実践プロジェクトの講義です。リアルタイム音声認識まで実装し、短時間で簡単なポートフォリオとして活用できる成果物を完成させることができます。

TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

v0、cursor AIおよび各種LLMと共に、PRDからAI商品推薦まで！実戦プロジェクトでNext.jsショッピングモールを完成させましょう

従来のReact開発方式とNext.jsを利用して開発する方式は全く異なります。この講義は最新のNext.js 15の核心を貫き、'本当の'Next.jsらしい開発方式をお教えします。就職ポートフォリオから実務プロジェクトまで、パフォーマンスと効率を両方とも掴む方法を体験してください。 Next.jsらしく開発しましょう！Next.jsの機能をどのように適用すべきかを実際の例題を作りながら体で学べるように構成されています。サーバーコンポーネントを中心に見て、サーバーアクションとキャッシング戦略などを理論よりも実際にコードを通してより速く学習します。 講義の目標は最大限速くNext.jsの雰囲気についていくことであるため、講義自体はJavaScriptを利用して進行します。しかし各講義の例題はTypescriptで制作されたものを追加で授業資料として提供します。

完全なエンドツーエンド開発者ジャーニー — FastAPI、React、そしてVibe Coding技術を使用して、超高速API、モダンフロントエンドインターフェース、実際のプロジェクト、認証システム、ダッシュボード、そして完全なデプロイメントを構築する。

[Tailwind CSS実践ポートフォリオパブリッシング]は、Tailwind CSSを活用して26種類以上の実践例を製作する過程です。実践例を素早く多様に制作することで、その中で必須の理論を説明します。この講義は、開発者とパブリッシャーが作成するTailwind CSSスタイリングを中心に作成されました。

TypeScript(타입スクリプト)をまったく知らない人でも、この濃縮されたTypeScript文法講座で、TypeScript文法の達人になれる講座です。

OpenAI の API を使用して AI Web サービスを開発する方法について説明します。

この講義にはサーバー（Java+Springboot）とフロント（React、ReactNative、Flutter、Android、iOS）をすべて含めました。 この講義でフルスタック掲示板を作る経験を進めてみてください

この講義を通じてタイプスクリプトについて学ぶことができます。

React、Javascript、SpringAI、Springbootを通じて自分だけのビジュアルノベルゲームを作ってみましょう。 SpringAIとReactを通じてウェブベースのビジュアルノベルゲームを作る方法をお教えします！

Pythonの基本文法とライブラリを活用して、自分だけのAIチャットボットを直接作ってみましょう。PDF文書ベースのRAGなど5つのプロジェクトを段階的に実行し、ウェブサービスとして配布する過程を学習します。

React Nativeでアバターベースのコミュニティアプリを開発します。投稿作成だけでなく、コメント/返信、いいね、投票、アバター生成など、完成度の高いコミュニティアプリを構築する過程を学びます。

この講義は、ChatGPTが単純な対話型AIから脱却し、実際の業務を遂行する知能型AI Agentへと発展する全過程を扱います。 LangChain、LangGraph、LangSmith 3つの核心フレームワークを活用して、実務ですぐに使えるAI Agentを直接作ってみます。

現職スタートアップCTOが実際のサービスと複数の外注を通じて得たバイブコーディング知識をお伝えします。