https://github.com/ittokunvim/learning-nextjs

Next.jsを学ぶためのリポジトリ
https://github.com/ittokunvim/learning-nextjs

Last synced: 18 days ago
JSON representation

Next.jsを学ぶためのリポジトリ

• Host: GitHub
• URL: https://github.com/ittokunvim/learning-nextjs
• Owner: ittokunvim
• Created: 2023-01-14T16:41:14.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-01T18:07:48.000Z (over 3 years ago)
• Last Synced: 2025-11-29T05:38:52.744Z (7 months ago)
• Language: JavaScript
• Homepage: https://learning-nextjs-ittokun.vercel.app
• Size: 283 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# learning-nextjs

Next.jsを学ぶためのリポジトリ

> 参考: https://nextjs.org/learn/foundations/about-nextjs

**FOUNDATION**

1. [Next.jsについて](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch00-00-about-nextjs.md)

   - [Next.jsとは？](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch00-01-what-is-nextjs.md)

2. [JavaScriptからReactへ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-00-from-javascript-to-react.md)

   - [JavaScriptとDOMメソッドでUIを更新する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-01-updating-ui-with-javascript-and-dom.md)

   - [Reactを始める](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-02-getting-started-with-react.md)

   - [Reactの為の必須JavaScript](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-03-essential-javascript-for-react.md)

   - [Reactのコアコンセプト](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-04-react-core-concepts.md)

   - [コンポーネントでUIを構築する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-05-building-ui-with-conponents.md)

   - [Propsでデータを表示する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-06-displaying-data-with-props.md)

   - [Stateによるインタラクションの追加](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-07-adding-interactivity-with-state.md)

   - [Reactを学び続けるには](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch01-08-how-to-continue-learning-react.md)

3. [ReactからNext.jsへ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch02-00-from-react-to-nextjs.md)

   - [Next.jsを始める](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch02-01-getting-started-with-nextjs.md)

   - [次のステップ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch02-02-next-steps.md)

4. [Next.jsの仕組み](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-00-how-nextjs-works.md)

   - [開発、本番環境](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-01-development-and-production.md)

   - [コンパイルとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-02-what-is-compiling.md)

   - [最小化とは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-03-what-is-minifying.md)

   - [バンドルとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-04-what-is-bundling.md)

   - [コード分割とは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-05-what-is-code-splitting.md)

   - [ビルドタイムとランタイム](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-06-build-time-and-runtime.md)

   - [クライアントとサーバー](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-07-client-and-server.md)

   - [レンダリングとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-08-what-is-rendering.md)

   - [CDNsとEdge](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-09-cdns-and-edge.md)

   - [次のステップ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch03-10-next-steps.md)

**CREATE YOUR FIRST APP**

1. [Next.jsアプリを作成](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch04-00-create-nextjs-app.md)

   - [セットアップ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch04-01-setup.md)

   - [Next.jsへようこそ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch04-02-welcome-to-nextjs.md)

   - [ページを編集](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch04-03-editing-the-page.md)

2. [ページ間の移動](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch05-00-navigate-between-pages.md)

   - [Next.js内のページ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch05-01-pages-in-nextjs.md)

   - [リンクコンポーネント](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch05-02-link-component.md)

   - [クライアントサイドナビゲーション](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch05-03-client-side-navigation.md)

3. [アセット、メタデータ、CSS](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-00-assets-metadata-css.md)

   - [アセット](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-01-assets.md)

   - [メタデータ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-02-metadata.md)

   - [サードパーティJavaScript](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-03-third-party-javascript.md)

   - [CSSスタイル](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-04-css-styling.md)

   - [レイアウトコンポーネント](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-05-layout-component.md)

   - [グローバルスタイル](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-06-global-styles.md)

   - [レイアウトを一新する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-07-polishing-layout.md)

   - [スタイリングのヒント](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch06-08-styling-tips.md)

4. [プリレンダリングとデータフェッチ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-00-pre-rendering-and-data-fetching.md)

   - [プリレンダリング](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-01-pre-rendering.md)

   - [プリレンダリングの2つの形態](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-02-two-forms-of-pre-rendering.md)

   - [データありなしの静的生成](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-03-static-generation-with-and-without-data.md)

   - [シンプルなブログアーキテクチャを作成](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-04-creating-simple-blog-architecture.md)

   - [getStaticPropsの実装](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-05-implement-getstaticprops.md)

   - [getStaticPropsの詳細](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-06-getstaticprops-details.md)

   - [リクエスト時のデータ取得](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch07-07-fetching-data-request-time.md)

5. [動的ルート](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-00-dynamic-routes.md)

   - [外部データ依存ページパス](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-01-page-path-depends-external-data.md)

   - [getStaticPathsの実装](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-02-implement-getstaticpaths.md)

   - [getStaticPropsの実装](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-03-implement-getstaticprops.md)

   - [Markdownをレンダー](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-04-render-markdown.md)

   - [ブログページを一新する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-05-polishing-post-page.md)

   - [ルートページを一新する](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-06-polishing-index-page.md)

   - [動的ルートの詳細](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch08-07-dynamic-routes-details.md)

6. [APIルート](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch09-00-api-routes.md)

   - [APIルートの作成](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch09-01-creating-api-routes.md)

   - [APIルートの詳細](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch09-02-api-routes-details.md)

7. [Next.jsアプリをデプロイ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-00-deploying-nextjs-app.md)

   - [GitHubにプッシュ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-01-push-to-github.md)

   - [Vercelにデプロイ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-02-deploy-to-vercel.md)

   - [Next.jsとVercel](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-03-nextjs-and-vercel.md)

   - [他のホストオプション](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-04-other-hosting-options.md)

   - [最後に](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch10-05-finally.md)

**Search Engine Optimization**

1. [SEOとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch11-00-what-is-seo.md)

   - [SEOはなぜ重要なのか](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch11-01-why-SEO-important.md)

   - [検索システム](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch11-02-search-systems.md)

   - [ウェブクローラとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch11-03-what-web-crawlers.md)

2. [クローリングとインデックス作成](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch12-00-crawling-and-indexing.md)

   - [HTTPステータスコードとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch12-01-what-http-status-code.md)

   - [robots.txtファイルとは](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch12-02-what-robots-txt-file.md)

   - [XMLサイトマップ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch12-03-xml-sitemaps.md)

   - [メタタグ](https://github.com/ittokun/learning-nextjs/blob/main/docs/ch12-04-meta-tags.md)