inflearn logo
강의

講義

知識共有
inflearn logo
Challenge
進行中
Programming

/

Full-stack

【100%還元コース】Inflearnクローン6週間完成チャレンジ2期｜Next.js 15 × NestJS × Prisma

6週間でNext.js 15 × NestJS × Prismaを使い、実際のInflearnクローンを完成させます 🚀 ✅ 優秀修了者 1位：100%ポイント還元 🎁 ✅ 優秀修了者 2位：50%ポイント還元 🎁 ✅ 完走するだけで全講座70%割引クーポンを支給 🎁

AWS
Next.js
NestJS
cursor
AI

93개 수업 학습

6회 미션 수행

무제한 복습, 내 것으로 만들어요.

성취의 증표, 수료증을 발급해요.

같은 기수와 교류하고 함께 성장해요.

질문하고 즉시 답을 얻어요.

lopun님과 함께해요!

3,790

受講生

230

受講レビュー

64

回答

4.9

講座評価

8

講座

🚀 「トレンドの技術スタックで実践的なサービスを作る過程を包み隠さずお見せします」

理論よりもプロジェクト中心の実務講義を通じて、現場ですぐに役立つ内容を提供します。

  • (現) ネカラクベ在職

  • (現) 7年目フルスタックエンジニア

  • (講義) スパルタコーディングクラブ講師

  • (教育) 韓国科学技術院 (KAIST) 電算学科 卒業

もっと見る

🚀

国内初！

Next.js 15 + NestJS + Prisma
フルスタック 楽天Inflearnクローンコーディング

  6週間完成チャレンジ  

📌 注意事項

チャレンジ登録時に既存のパート1 + パート2講義を無料で登録いたします。
講義購入金額に対して30%割引 + 優勝者賞品までしっかり受け取ってください！

この講義を通じて、皆さんは

強力なフルスタックの組み合わせであるNextJS, NestJSと

注目のORMであるPrismaを通じて


受講・決済・デプロイまで完成した

Inflearnクローンを作りながら

しっかりとした基礎を備えたフルスタック開発者へと成長します！

🏆

チャレンジ優勝賞品のご案内

🥇 優秀修了者1名 100%返金 🎁

🥈 優秀修了者1名 50%払い戻し 🎁

🥉 完走者全員にロファンの全講座70%割引クーポンを支給 🎁

Divider
Divider_horizontal

👇 チャレンジ1期優勝者の作品を見に行く 👇

https://bit.ly/cafe-small-house-result

https://bit.ly/fruits2lim-result

<cafe-small-houseさんの結果物>

「つまみ食いはもう終わり！ 本物のフルスタックを体験してください。」

たった一つの講義で企画、開発、デプロイまで完成させるフルスタックの旅を始めましょう。

"Next.js + NestJSの組み合わせで、実務に近いInflearnプラットフォームを最初から直接作ってみます。"

🧩  Next.js + NestJS = 単一言語フルスタックの最適の組み合わせ

Next.js 15は、Reactベースのプロジェクトにサーバーコンポーネント・App Router・Server Actionsを加え、画面のレンダリングから簡単なAPIまでを一つのコードベースで処理できるようにしてくれます。

NestJSは同じTypeScriptで記述されており、依存性の注入とモジュール構造のおかげで、チームの規模が大きくなってもメンテナンスが容易なバックエンドを構築できます。

2つのフレームワークを併用することで、UIとサーバーが一つの型定義を共有してデータの不一致を減らし、開発者は言語やツールセットを切り替えることなくフロントエンドとバックエンドを行き来することができます。

🔥 Next.js v15 🔥

🔥 Nest.js v10 🔥

🤔 なぜ"インフラン クローンプロジェクト"なのか？

小さなサンプルアプリでは、フルスタックの1サイクルを十分に体験することは困難です。ログイン機能だけのブログやToDoリストでは、「実際のサービスがどのように動いているのか」を肌で感じることができないからです。

そこで私は、インフロン（Inflearn）の核となるフローをそのまま再現したミニ・インフロンを作ることにしました。
会員管理から講義登録、カリキュラム編集、動画のアップロードおよびストリーミング、決済、AWSデプロイまで進めながら、
フルサイクル（設計 → 認証 → メディア処理 → 権限管理 -> 注文/決済 -> デプロイ）を一度に経験することになります。 cùng một lúc.

🔥 累計400名以上が受講した講義

  • 知識共有者（カリキュラム、講義アップロードなど）機能の実装

  • 受講生・会員管理、AIを利用したUIスタイリング

  • 講義登録、カリキュラム構成、動画アップロード

  • 講義の探索、受講申し込み、動画視聴、決済、デプロイ

  • JWT認証、S3アップロード、管理者ページの構成

  • 視聴記録、質問/受講評、決済API、EC2デプロイ

🚀

今回のチャレンジを通じて

以下の成果物を実際に完成させることになります！

🥇1週目：環境設定から認証まで

  • Next.js · NestJSベースでプロジェクト環境を構築

  • Auth.jsによる会員登録・ログイン機能の実装

  • SwaggerでAPI通信テストおよび検証

  • 🎯 ミッション：ログイン成功動画＆API認証キャプチャ提出


🎥 2週目：講義登録 & 動画アップロード

  • Prismaで講義、カリキュラムのDBモデル設計

  • 講義登録、カリキュラム構成機能の完成

  • AWS S3 + CloudFrontで動画アップロードを構築

  • 🎯 ミッション：自分だけの講義アップロード＆ストリーミング動画提出


🔍 3週目：講義の探索＆受講機能

  • カテゴリー・ページネーションベースの講義検索の実装

  • 詳細ページ・お気に入り・受講申し込み機能の連携

  • 視聴時間の保存および続きから再生機能の完成

  • 🎯 ミッション：検索・受講申し込み・続きから再生のデモ動画提出


💬 4週目：受講評・質問・決済システム

  • 星評価ベースの受講レビュー作成・照会機能の構築

  • 質問・回答システムと管理ページの完成

  • PortOne 決済 API 連携および実決済フローの実装

  • 🎯 ミッション：レビュー・質問登録＆決済全体のフロー動画提出


🚀 5週目：性能高度化＆デプロイ

  • Cron Job、キャッシング、Sentry モニタリングの適用

  • EC2 + Docker + GitHub Actions 自動デプロイ

  • HTTPS接続および実際のドメインへのデプロイ完了

  • 🎯 ミッション：デプロイ成功のキャプチャ + パフォーマンスレポートの提出


🏆 6週目：Q&A ＆ 自分だけのInflearn拡張

  • Q&Aセッションで質疑応答およびフィードバックを実施

  • 自分だけの機能を1つ以上自由に追加

  • 完成版の発表＆デモデーへの参加

  • 🎯 ミッション：追加機能の発表 ＋ 最終配布版の提出


🎯

このような方に強くおすすめします！

単純なToDoアプリから脱却し、
本格的なサービスを
作りたいフロントエンド開発者

ポートフォリオとして
すぐに活用できるプロジェクトが
必要な 転職・就職準備生

講義プラットフォームのような
実際のサービスを作りたい
個人開発者

 📌 必読！  

スムーズなチャレンジ進行のために、以下の事項を必ず熟知してください。

✅ チャレンジに投資できる時間を確保すること
✅ 基本的なフロントエンド（Reactの文法）、バックエンド（REST API）の知識を事前に学習しておくこと
✅ バグや問題の解決時には、Slackで積極的に共有すること
✅ Slackのモバイル・デスクトップ通知をオンにしておく

🧰

講義構成

計28時間以上のボリューム、90以上の講義、計6週間のミッション

GitHubのサンプルコードおよび参考資料を提供

完成したプロジェクトはポートフォリオとして使用可能

4월

18일

챌린지 시작일

2026년 4월 18일 午後 03:00

챌린지 종료일

2026년 5월 30일 午後 02:30

챌린지 커리큘럼

全体

99件 ∙ (28時間 54分)

講座資料（こうぎしりょう）:

챌린지 전용 수업

챌린지에서 배워요

  • 最新のフルスタック開発トレンド (Next.js 15, NestJS, Prisma)

  • ポートフォリオとして活用可能な「自分だけのInflearn」プラットフォームの完成

  • 講義の登録、修正、動画のアップロード、カリキュラムの編集など、実サービスの機能全般の開発

  • Shadcn UI + TailwindCSS + Cursor AIで実務レベルの洗練されたUI制作

  • Swagger + OpenAPIベースの自動化されたバックエンド呼び出し構造の構築

  • Prismaでデータベースをモデリングし、PostgreSQLベースの構造を設計する

  • S3 + CloudFrontベースのストリーミングアップロードシステムの構築

こんな方に
おすすめです

学習対象は
誰でしょう？

  • ブログやToDoアプリはもう卒業！サービス全般を直接実装してみたいフロントエンドエンジニア

  • NestJSバックエンド設計を実践で身につけたいジュニア〜ミドル開発者

  • 転職やポートフォリオのために、完成度の高いプロジェクトを必要としている就活生

  • 1つの講義で実践スタックをA to Zまで身につけたい実務志向の受講生

  • 単一言語ベースのフルスタック構成を最初から最後まで習得したい実務志向の受講生

前提知識、
必要でしょうか？

  • HTML/CSS/JS 基本文法

  • Reactの基礎的な使用経験

受講レビュー

まだ十分な評価を受けていない講座です。
みんなの役に立つ受講レビューを書いてください！

이 강의의 지난 수강평

취소 및 환불 규정
챌린지는 지식공유자가 설정한 수업 최소 정원이 충족되지 않을 경우, 폐강 안내가 고지되며 결제 내역이 자동취소됩니다.

lopunの他の講座

知識共有者の他の講座を見てみましょう！

Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

lopun

￥20,945

中級以上 / AWS, Docker, Next.js, NestJS, Prisma

4.9

(8)

100+
ミッション
ミッション

🔥 講義の受講から決済、デプロイまで、受講生が経験する全過程をそのまま実装してみる実践フルスタック講義です。講義の探索、詳細ページ、受講申し込み、動画視聴、受講レビューと質問、カートおよび実際の決済、続きから再生、Docker + AWSデプロイまでをすべて自ら作り、実際のサービスに近いユーザーフローと構造設計を学び、高度なフルスタック経験を完成させます。

中級以上

中級以上

AWS, Docker, Next.js

Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる講義サムネイル

Inflearnクローンコーディング Part 2：受講からデプロイまで、本物のInflearnを完成させる

lopun

￥20,945

中級以上 / AWS, Docker, Next.js, NestJS, Prisma

4.9

(8)

100+
ミッション
ミッション
[フルスタック入門] Firebaseより10倍良いSupabase講義サムネイル

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

￥2,889

初級 / PostgreSQL, Next.js, TailwindCSS, supabase

4.9

(108)

2,000+

フルスタック開発を加速させるSupabase！Firebaseの上位互換のSupabaseで、フルスタック開発を2時間で完成させます。

初級

初級

PostgreSQL, Next.js, TailwindCSS

[フルスタック入門] Firebaseより10倍良いSupabase講義サムネイル

[フルスタック入門] Firebaseより10倍良いSupabase

lopun

￥2,889

初級 / PostgreSQL, Next.js, TailwindCSS, supabase

4.9

(108)

2,000+
Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト講義サムネイル

Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト

lopun

￥20,945

中級以上 / AWS, Docker, Next.js, NestJS, Prisma

4.8

(40)

300+
ミッション
ミッション

🔥 講義の登録から動画のアップロードまで、知識共有者機能をそのまま実装してみる実践フルスタック講義です。Next.js 15とNestJSを活用し、講義の作成、カリキュラム構成、サムネイルおよび動画のアップロード、詳細紹介の作成まで、実際のInflearn（インフラン）の流れに沿って作りながら、Prismaモデリング、JWT認証、S3 + CloudFrontアップロード、Swagger API設計など、実務に近い経験を積むことができます。

中級以上

中級以上

AWS, Docker, Next.js

Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト講義サムネイル

Inflearnクローンコーディング Part 1：Next.jsとNestJSで始める実践プロジェクト

lopun

￥20,945

中級以上 / AWS, Docker, Next.js, NestJS, Prisma

4.8

(40)

300+
ミッション
ミッション
フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)講義サムネイル

フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)

lopun

￥7,042

初級 / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

4.9

(15)

100+

最も速くバックエンドに入門できるようサポートするNestJS！ 様々な実習プロジェクトを通じて、バックエンドフレームワークであるNestJSとTypeORM、そしてサーバー開発者なら必ず知っておくべき必須の理論知識まで、短期間で習得します。

初級

初級

NestJS, TypeORM, PostgreSQL

フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)講義サムネイル

フロントエンド開発者のためのバックエンド101 (NestJS, TypeORM)

lopun

￥7,042

初級 / NestJS, TypeORM, PostgreSQL, AWS, aws-rds

4.9

(15)

100+
[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)講義サムネイル

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)

lopun

￥12,639

初級 / Next.js, supabase, TailwindCSS, react-query, Firebase

4.8

(57)

800+

フルスタック開発に翼を授けるSupabase！ 3つのクローンプロジェクトを通じて、Next.js 14とSupabaseで実務レベルのフルスタック開発を行う方法を最速で学びます。

初級

初級

Next.js, supabase, TailwindCSS

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)講義サムネイル

[フルスタック完成] Supabaseでウェブサイト3つをクローンする (Next.js 14)

lopun

￥12,639

初級 / Next.js, supabase, TailwindCSS, react-query, Firebase

4.8

(57)

800+

￥41,710