手につくNext.js - ブログを作る

Name: 手につくNext.js - ブログを作る
Price: 29700 KRW
Rating: 4.9 (8 reviews)

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

（4.9）受講レビュー 8件

受講生 187名

難易度初級

受講期間 無制限

hajoeun

Next.js

React

Blog

Next.js

React

Blog

学習した受講者のレビュー

4.9

5.0

피카

100% 受講後に作成

こんにちはジョウン様、講義楽しく受講しました。インフコンでジョウン様の発表を聞いてすぐにブログを作ってみ始めましたが、私はGuillermoのブログを見ながら制作をしてみました。いつごろ講義が上がるか待っていた渦中..講義オープンなんて!!すぐに頑張りました。個人的に講義ではLeeのブログと似た形で作ってみることで、もっと楽しく感じられました。講義を見る前にブログを制作してみて詰まった部分があったが、最初はデータベースをどのようにするか心配しました。 vercelのstorageを使うことを学び、簡単にデータベースを活用できましたね。二つ目は私のブログが検索になるのか？このような悩みがありましたが、初期設定になっているブログを活用するので、このようにすればいいのかという感覚が取れました。ジョウン様が講義してくださった方々と私が既存にGuillermoスタイルに作っていたブログを組み合わせて再度アップグレードしてみるべきですね。おかげで良い情報がたくさん得られました。ありがとうございます。 ☺️

5.0

Peter Cha

100% 受講後に作成

自分でもできるDirectory構造のような部分は芽を出し、本物の実用的な内容だけに集中して、Next.jsのServer Actions、PPRなどの技法まで素早く実習を通じて学習できるというのが最大の利点だと思います！ 👍 今回の講義のおかげで、Vercelのリーダーシップのコードも調べて、Open Sourceでコードを見ることができ、ベンチマークする過程を一緒にするというのが、とても楽しく自信がつく良い経験でした！ 🙌 Next.js コア理論と実践を適切に提供してくれる講義なので、すぐにトレンドを追いかけるのに役立つようになったようです。

5.0

gmldnjs0402

100% 受講後に作成

NextJSでブログ作りがとても参考になりました。ありがとうございます。

受講後に得られること

Next.jsのApp Routerのさまざまな活用方法
マークダウン文法をNext.jsで活用する方法

Next.jsで独自のブログを作成する

誰もが他の人と同じ家に住みたいですか？誰かが自分だけの家を建て、他の人とは異なる大きさと形の空間を望むかもしれません。残念ながら、オフラインでは現実的な問題で、目的のスペースを持つことは困難です。

オンラインは違います。必要に応じて、誰でも自分のスペースを作成できます。私の手で建てられた家ができるのです。開発者の皆さんにとっては少し簡単です。

あなたはこの講義を通してあなたが直接建てた家を持つことになります。
#React、#Next.js、#nextjs、#ブログ

この講義で得られるもの

自分で飾ってアップグレードできる個人ブログ
Next.jsでマークダウンを扱う方法を学ぶ
Next.js 14の最新のレンダリング技術を学び、学ぶ

こんな方に
おすすめです

学習対象は
誰でしょう？

個人ブログを直接実装したい方
Next.jsの本番に活用してみたい方
個人ブログをNext.jsに移行したい方

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

React
TypeScript
Next.js

こんにちは
です。

1,073

受講生

受講レビュー

回答

4.8

講座評価

講座

Marpple、BankSaladを経て、現在は当根（Karrot）でフロントエンドエンジニアとして働いています。

「あなたが必要だ」、「あなたの存在が私の力になる」という言葉が好きです。隣人のニーズを満たし、力になること、それが愛だと信じています。良い講義を通じて皆さんのニーズを満たし、力になれるよう努めてまいります。

カリキュラム

全体

30件 ∙ (2時間 35分)

セクション 1．イントロ

6件 ∙ (10分)

セクション 2．事前知識の復習

4件 ∙ (16分)

7. 事前レンダリング
06:07
8. ルーティング
04:35
9. データフェッチ
02:52
10. スタイリング
02:56

セクション 3．ブログの種類を見る

6件 ∙ (34分)

11. 一般的な Next.js ブログ：データ管理
05:25
12. 一般的な Next.js ブログ：レンダリングとルーティング、メタデータ
02:27
13. Vercel リーダーシップブログ: データ管理 1
05:59
14. Vercel リーダーシップブログ: データ管理 2
07:08
15. Vercel リーダーシップブログ: レンダリングとルーティング
06:40
16. Vercel リーダーシップブログ: メタデータ
06:57

セクション 4．自分だけのブログ作り

5件 ∙ (29分)

セクション 5．マイブログ高度化：テーマ変更

3件 ∙ (23分)

セクション 6．自分だけのブログの高度化: 閲覧数

5件 ∙ (38分)

セクション 7．アウトロ

1件 ∙ (1分)

講座掲載日:

最終更新日:

受講レビュー

全体

8件

4.9

8件の受講レビュー

ohsubin
受講レビュー 15
∙
平均評価 4.9
5
100% 受講後に作成
こんにちはジョウン様、講義楽しく受講しました。インフコンでジョウン様の発表を聞いてすぐにブログを作ってみ始めましたが、私はGuillermoのブログを見ながら制作をしてみました。いつごろ講義が上がるか待っていた渦中..講義オープンなんて!!すぐに頑張りました。個人的に講義ではLeeのブログと似た形で作ってみることで、もっと楽しく感じられました。講義を見る前にブログを制作してみて詰まった部分があったが、最初はデータベースをどのようにするか心配しました。 vercelのstorageを使うことを学び、簡単にデータベースを活用できましたね。二つ目は私のブログが検索になるのか？このような悩みがありましたが、初期設定になっているブログを活用するので、このようにすればいいのかという感覚が取れました。ジョウン様が講義してくださった方々と私が既存にGuillermoスタイルに作っていたブログを組み合わせて再度アップグレードしてみるべきですね。おかげで良い情報がたくさん得られました。ありがとうございます。 ☺️
petercha900526
受講レビュー 8
∙
平均評価 4.6
5
100% 受講後に作成
自分でもできるDirectory構造のような部分は芽を出し、本物の実用的な内容だけに集中して、Next.jsのServer Actions、PPRなどの技法まで素早く実習を通じて学習できるというのが最大の利点だと思います！ 👍 今回の講義のおかげで、Vercelのリーダーシップのコードも調べて、Open Sourceでコードを見ることができ、ベンチマークする過程を一緒にするというのが、とても楽しく自信がつく良い経験でした！ 🙌 Next.js コア理論と実践を適切に提供してくれる講義なので、すぐにトレンドを追いかけるのに役立つようになったようです。
stay8507015
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
heewon97
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
NextJSでブログ作りがとても参考になりました。ありがとうございます。
leeebug
受講レビュー 11
∙
平均評価 5.0
5
100% 受講後に作成
自分だけのブログをNext.jsで自作する過程は思ったより簡単ではなかったですが、二度の失敗を経て、ついにデプロイまで成功しました。この講義を通じて、ブログの基本構造を理解し、自分で実装するのに大変役立ちました。今後も良い講義を期待しています。

￥3,666

hajoeunの他の講座

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

手につくNext.js - 移行

hajoeun

ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 Next.jsをより深く理解することができます！

Basic

Next.js, React, vitejs

手につくNext.js - 移行

hajoeun

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

公式ドキュメントで最新のNext.jsを学びます。トラブルシューティングのツールとして、Next.jsが必要な理由を理解できます！

Basic

Next.js, next.js13, React

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

似ている講座

同じ分野の他の講座を見てみましょう！

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

公式ドキュメントで最新のNext.jsを学びます。トラブルシューティングのツールとして、Next.jsが必要な理由を理解できます！

Basic

Next.js, next.js13, React

手で熟すNext.js - 公式ドキュメントを見る

hajoeun

手につくNext.js - 移行

hajoeun

ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 Next.jsをより深く理解することができます！

Basic

Next.js, React, vitejs

手につくNext.js - 移行

hajoeun

一口サイズで切って食べる実践プロジェクト - SNS編

winterlood

いよいよ実践に挑戦する番です 🔥 React.js + TypeScript + Supabaseで実務レベルのSNSを一緒に開発しながら、認証・認可、無限スクロール、画像アップロード、いいね、無限ネストコメント、ダークモードなどの機能を実装します。この過程で、ZustandとTanstack Queryを利用したサーバーおよびグローバル状態管理の手法も学んでいく予定です。

Intermediate

supabase, zustand, react-query

一口サイズで切って食べる実践プロジェクト - SNS編

winterlood

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

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

Basic

React, Blog, Next.js

Next.js完璧マスター (v15): Notion基盤開発者ブログ作り (with CursorAI)

gymcoding

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

この講義をすべて受講し、応用すれば皆さんだけのサイト、アプリを作ることができます。この講義はCursor AIを利用して、私たち家族だけのためのグループチャットルームをWebサイトとして作成しながら、コーディングの流れを自然に習得するバイブコーディング入門講義です。App開発者アカウントやMacBookなしで、Windows環境だけでも開発を知らなくても誰でも簡単に真似することができ、実際のWebサイトとして配布する方法も学びます。

Beginner

Firebase, Next.js, vercel

非専攻者でも可能な超簡単グループチャット作り（バイブコーディング、Cursor AI）

teracokr

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

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

Beginner

HTML/CSS, JavaScript, Next.js

バイブコーディング With Claude Codeでウェブサービス作り

ref63184917

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

Next.jsフルコースをディップして食べよう！ GraphQL、Redis、RabbitMQ、Prisma、TailwindCSS、Docker Compose、Cypress、Prometheus、Grafanaなど、最新技術で実践プロジェクトを完成させ、App RouterとPage Routerの両方を経験できます。

Intermediate

Next.js, React, GraphQL

Next.js つけ麺フルコース (英語音声 & 韓国語字幕)

ludgi

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

Beginner

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

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

Basic

Clone Coding, Node.js, React

フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

John Ahn

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

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

Basic

Next.js, FastAPI, whisper

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

Basic

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding

Next.js + Cursor IDE でチャットプログラムを1時間で実装できる能力が身につきます。

Beginner

nextjs, ChatGPT, React

1時間でChat GPTクローンをCursorで作成（ワンデークラス）

dodocoding

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

コーディング知識不要！あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作成し、すぐにサービスまで連携します。

Beginner

Flutter, Next.js, cursor

非開発者が4週間で収益化サービスを作る：AIバイブコーディングウェブ + アプリ ALL IN ONE

dingcodingco

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

Basic

React, Electron, GUI

# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）

dakgangjung123

SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

dodocoding

FirebaseのSQL版！Supabaseを通じてNext.jsのフルスタックの基礎をマスターできます！

Basic

Next.js, supabase, React

SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

dodocoding

フォローして学習するノード、リアクトシリーズ - YouTubeサイトを作成

John Ahn

このレッスンでは、リアクトとノードの概念を習得するだけでなく、実際にどのようにWebサイトを作成できるかを学ぶことができます。

Basic

MongoDB, Redux, Node.js

フォローして学習するノード、リアクトシリーズ - YouTubeサイトを作成

John Ahn

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

SpringAI + Reactで作る私だけの感情日記サービス Neo + Essentialと一緒に作る4番目のプロジェクトの時間です!

Basic

React, Kotlin, Spring Boot

SpringAI + Reactで作る自分だけの感情日記サービス

Neo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

Web開発を活用して、AndroidとIOSでサービス可能なモバイルアプリ開発ができるようにする講座です。

Basic

React, Next.js, expo

Web開発者の年収を上げるハイブリッドアプリ with Expoフレームワーク

codecamp

[PROKIT] フロントエンドプロジェクトキット：タイマーアプリを作る

nybs

フロントエンドプロジェクトのミッションコンテンツです。DevTimeというタイマーアプリを直接実装しながらプロジェクト実習ができるよう、PRD企画書、Figmaデザイン、APIエンドポイントを提供します。実際のサービスと同等レベルのプロジェクトを実装しながら、これまで学習した知識を完璧に自分のものにしてみましょう 🚀

Beginner

React

[PROKIT] フロントエンドプロジェクトキット：タイマーアプリを作る

nybs

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

ReactフロントエンドとSpringBootバックエンドをAWSクラウドに直接デプロイするポートフォリオ中心の講座！素早く自分のポートフォリオにフロント、バックエンドプロジェクトをデプロイしたい方に役立つ講座です！デプロイに必要な知識を、サーバー設定からDocker、Domain接続、Nginx、HTTPS適用まで段階別に短期間で実習できるようになります！

Basic

React, Java, AWS

SpringBoot & React ポートフォリオプロジェクト: AWSサービスで実戦デプロイ入門

ehtjd339667

手につくNext.js - ブログを作る

学習した受講者のレビュー

4.9

受講後に得られること

Next.jsで独自のブログを作成する

この講義で得られるもの

何を学びますか？

1.ブログを作成するNext.jsの主な機能を学びます

2. 2つのブログアーキテクチャの長・短所を学ぶ

3.私の手で作ったブログを管理する方法を学びます。

受講前の注意

練習環境

学習資料

この講義を聞く前に

インフコン発表を最初に聞いた方の期待

関連講義

[手につくNext.js] Part 1 - 公式ドキュメントを見る

こんな方に
おすすめです

こんにちは
です。

カリキュラム

受講レビュー

hajoeunの他の講座

似ている講座

手につくNext.js - ブログを作る

学習した受講者のレビュー

4.9

受講後に得られること

Next.jsで独自のブログを作成する

この講義で得られるもの

何を学びますか？

1.ブログを作成するNext.jsの主な機能を学びます

2. 2つのブログアーキテクチャの長・短所を学ぶ

3.私の手で作ったブログを管理する方法を学びます。

受講前の注意

練習環境

学習資料

この講義を聞く前に

インフコン発表を最初に聞いた方の期待

関連講義

[手につくNext.js] Part 1 - 公式ドキュメントを見る

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

hajoeunの他の講座

似ている講座

こんな方に
おすすめです

こんにちは
です。