강의

멘토링

커뮤니티

Programming

/

Front-end

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

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

難易度 初級

受講期間 無制限

  • hajoeun
Next.js
Next.js
React
React
Blog
Blog
Next.js
Next.js
React
React
Blog
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
Next.jsで独自のスペースを作ろう!

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

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

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

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

この講義で得られるもの

  • 自分で飾ってアップグレードできる個人ブログ

  • Next.jsでマークダウンを扱う方法を学ぶ


  • Next.js 14の最新のレンダリング技術を学び、学ぶ


何を学びますか?

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

SSR、SSG、ISR、PPRなどのプリレンダリング手法からRoute Groups、Server Actionsまで活用して、Next.jsの新機能を理解して習得しましょう!

Next.jsの最新機能を学ぶ

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

Pages Routerを活用する一般的なNext.jsブログのアーキテクチャ、App Routerで作成したVercelリーダーシップのブログアーキテクチャを学び、好きなように組み合わせてブログを作成できます!

Vercel リーダーシップ ブログを掘る

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

AIを活用してテーマ変更、視聴数機能をはじめ、好きな機能を追加し、自分だけの空間で飾っていける個人ブログの作り方を学びます!

AIでブログを作る

受講前の注意

練習環境

  • オペレーティングシステムと環境:macOS、Node.js 20.17.0

  • 使用ツール: VSCode, Claude(Opus), PostgreSQL

  • 使用サービス: Vercel

学習資料

この講義を聞く前に

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

インフコンで説明してくれたNext.jsブログのベストプラクティス分析について聞いたので、どのようにブログを作ったのかとても気になりました。自分だけのブログをぜひ作りたいと思っていましたが、講義がとても楽しみです!
(この*銀)

インフコンでNext.jsのブログを分析した講演は本当に面白いです!最後に比較表でまとめてくださったのもひと目で入ってくれてよかったです!こんなにきれいに講演してくださった方のNext.js講演とは完全に期待されますね(シム*ヨン様)

静的配布をしなければならない状況でしたが、知っていることであっても一度まとめられてよかったです!サンプル分析を通して見ると、より理解が良くなりました:) 講義も楽しみです! (チェ・ジョン)

ティーストーリーを使ってNext.jsで独自のブログを開発・運営しようとするNext.js勉強中でしたが、ついに私のニーズにぴったりの講義が出ますね! (イ*ホ様)

インフコンセッション聞いたのですが、インサイトも広がりすぎてとても助かりました!私もおかげで良い内容社内で共有できると思いますね!セッションを聴くのに一緒に楽しく働く感じなのでとても良かったし、新しい技術を学ぶ時の快感を久しぶりに感じさせてくれて本当にありがとうございました〜 (キム・フン様)

インフコンを通じて川の予告編をちょっと味わってみると新しい講座がとても楽しみです!オープン日までときめく心でお待ちいたします!
(イム*ソク)

関連講義

こんな方に
おすすめです

学習対象は
誰でしょう?

  • 個人ブログを直接実装したい方

  • Next.jsの本番に活用してみたい方

  • 個人ブログをNext.jsに移行したい方

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

  • React

  • TypeScript

  • Next.js

こんにちは
です。

1,073

受講生

83

受講レビュー

47

回答

4.8

講座評価

3

講座

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

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

カリキュラム

全体

30件 ∙ (2時間 35分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

8件

4.9

8件の受講レビュー

  • ohsubin님의 프로필 이미지
    ohsubin

    受講レビュー 15

    平均評価 4.9

    5

    100% 受講後に作成

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

    • petercha900526님의 프로필 이미지
      petercha900526

      受講レビュー 8

      平均評価 4.6

      5

      100% 受講後に作成

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

      • stay8507015님의 프로필 이미지
        stay8507015

        受講レビュー 1

        平均評価 5.0

        5

        100% 受講後に作成

        • heewon97님의 프로필 이미지
          heewon97

          受講レビュー 1

          平均評価 5.0

          5

          100% 受講後に作成

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

          • leeebug님의 프로필 이미지
            leeebug

            受講レビュー 11

            平均評価 5.0

            5

            100% 受講後に作成

            自分だけのブログをNext.jsで自作する過程は思ったより簡単ではなかったですが、二度の失敗を経て、ついにデプロイまで成功しました。この講義を通じて、ブログの基本構造を理解し、自分で実装するのに大変役立ちました。今後も良い講義を期待しています。

            ¥3,666

            hajoeunの他の講座

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

            似ている講座

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