Zenn
🌟

【まとめ】Next.jsのチュートリアルをやってみた

2025/01/12に公開
Next.js
tech

普段は AWS などインフラ系のお仕事をしています。

個人開発をしたいと思い、アプリケーションを作ってみます。

その第一歩として、JavaScript のフレームワークであるNext.jsのチュートリアル をやってみます

以前 React を勉強したときに少し触ったのですが、この度 Next.js を本格的に勉強していきます

公式チュートリアル

Next.js の公式チュートリアル（↓ 参照） があるのでやっていきます

https://nextjs.org/learn

感想

  • React や TypeScript しってるひとむけ
  • ０からアプリ作るよではない
  • 高機能ゆえに学ぶこと多い
    • キャッシュやルーティング周りムズイ

各章のやってみた記事

イントロダクション

https://zenn.dev/kuuki/articles/nextjs-tutorial-introduction/

1. Getting Started

https://zenn.dev/kuuki/articles/nextjs-tutorial-01/

2. CSS Styling

https://zenn.dev/kuuki/articles/nextjs-tutorial-02/

3. Optimizing Fonts and Images

https://zenn.dev/kuuki/articles/nextjs-tutorial-03/

4. Creating Layouts and Pages

https://zenn.dev/kuuki/articles/nextjs-tutorial-04/

5. Navigating Between Pages

https://zenn.dev/kuuki/articles/nextjs-tutorial-05/

6. Setting Up Your Database

https://zenn.dev/kuuki/articles/nextjs-tutorial-06/

7. Fetching Data

https://zenn.dev/kuuki/articles/nextjs-tutorial-07/

8. Static and Dynamic Rendering

https://zenn.dev/kuuki/articles/nextjs-tutorial-08/

9. Streaming

https://zenn.dev/kuuki/articles/nextjs-tutorial-09/

10. Partial Prerendering (Optional)

https://zenn.dev/kuuki/articles/nextjs-tutorial-10/

11. Adding Search and Pagination

https://zenn.dev/kuuki/articles/nextjs-tutorial-11/

12 章以降

Coming Soon...

Discussion