普段はAWSなどインフラ系のお仕事をしています。
個人開発をしたいと思い、アプリケーションを作ってみます。
その第一歩として、JavaScriptのフレームワークであるNext.jsのチュートリアルをやってみます
以前Reactを勉強したときに少し触ったのですが、この度Next.jsを本格的に勉強していきます
公式チュートリアル
Next.jsの公式チュートリアル（↓参照）があるのでやっていきます
Learn Next.js | Next.js by Vercel - The React Framework
Next.js by Vercel is the full-stack React framework for the web.
nextjs.org
感想
- ReactやTypeScriptしってるひとむけ
- ０からアプリ作るよ ではない
- 高機能ゆえに学ぶこと多い
- キャッシュやルーティング ムズイ
各章のやってみた記事
イントロダクション
【イントロダクション】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルのイントロダクションに関するメモです
Next.jsの公式チュートリアルの該当ページ
前置き
本チュートリアルでは、Next.js（App Route...
hisuiblog.com
2024.04.12
1. Getting Started
【1章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの1. Getting Started に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
Next.j...
hisuiblog.com
2024.04.13
2. CSS Styling
【2章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの2. CSS Styling に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
学ぶこと
...
hisuiblog.com
2024.04.14
3. Optimizing Fonts and Images
【3章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの3. Optimizing Fonts and Images に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.04.16
4. Creating Layouts and Pages
【4章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの4. Creating Layouts and Pages に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.04.18
5. Navigating Between Pages
【5章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの5. Navigating Between Pages に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.04.19
6. Setting Up Your Database
【6章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの6. Setting Up Your Database に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.04.20
7. Fetching Data
【7章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの7. Fetching Data に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
学ぶこと
...
hisuiblog.com
2024.06.06
8. Static and Dynamic Rendering
【8章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの8. Static and Dynamic Rendering に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.06.12
9. Streaming
【9章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの9. Streaming に関するメモです
本章では、データ取得が遅い時にもUXを向上させる方法を学びます
前章のメモ
Next.jsの公式チュ...
hisuiblog.com
2024.07.04
10. Partial Prerendering (Optional)
【10章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの10. Partial Prerendering (Optional) に関するメモです
Partial Prerendering は Next.js 14 で追加された新しい機能です
...
hisuiblog.com
2024.07.09
11. Adding Search and Pagination
【11章】Next.jsのチュートリアルをやってみた
これはNext.jsの公式チュートリアルの11. Adding Search and Pagination に関するメモです
前章のメモ
Next.jsの公式チュートリアルの該当ページ
...
hisuiblog.com
2024.08.12
12章以降
Coming Soon…
コメント