React 17 & React Hooks 対応なので、最新の React を学ぶことができます。
React.js & Next.js超入門 第2版
サンプルファイルのダウンロード
https://www.shuwasystem.co.jp/support/7980html/6398.html
おまけ情報
Link コンポーネントについて
import Link from "next/link";
Next.jsでのサイト内ページ遷移方法
https://qiita.com/IYA_UFO/items/f13577bad7dd9ef1ae89
Next.js 10 の新機能 next/image のオプション全部触ってみる
https://www.forcia.com/blog/001561.html
2021/6/16 に Next.js 11がリリースされました。
Next.js 11の新機能紹介～パフォーマンス向上、ライブコーディング等々～
https://qiita.com/eyuta/items/570ae6b9f69df64236c1
【Next.js 11】next/script には JavaScript の基本がつまっていた
https://zenn.dev/aiji42/articles/9a6ab12ab5f6e6
Next.jsに専用のESLintが追加された！
https://zenn.dev/thiragi/articles/555a644b35ebc1
React初心者に捧ぐNext.jsのススメ
https://zenn.dev/masayannuu/articles/187d448ef82401
create-react-appとNext.jsの比較
https://qiita.com/Nishi53454367/items/c49d859f32f7c4708c04
Next.js 9.1: srcディレクトリとpublicディレクトリがサポートされました
https://qiita.com/mottox2/items/dbbbd3cf44c4f3edfa76
2020年師走における Next.js をベースとしたフロントエンドの環境構築
https://zenn.dev/higa/articles/d7bf3460dafb1734ef43
Next.jsの/pages内でページ以外のコンポーネントを配置する方法
https://zenn.dev/uttk/articles/d6be1c224494cb
Next.js公式examples集を分類（2021年1月版）
https://qiita.com/masakinihirota/items/bbe6c2e2f548fdce03dc
Pages – Vercel
https://nextjs.org/docs/basic-features/pages
next.js で createContext を使う方法
Using React Context for state management in Next.js
https://www.netlify.com/blog/2020/12/01/using-react-context-for-state-management-in-next.js/
nextjs with typescript:37 useContext
https://note.com/fz5050/n/ne0584b0defaf
Next.jsのuseSWRが便利だったのでuseEffectと比較してみた．
https://taroosg.io/useeffect-vs-useswr
// swrでクライアントからデータ取得してdataに入れる
// 指定したタイミングでfetcher関数を実行してくれる
const { data: data } = useSWR(“geolocation”, fetcher, {
// 初期データ
initialData: null,
// pollingの期間
refreshInterval: 0,
// windowのフォーカス時にRevalidateする
revalidateOnFocus: true,
});
そうです。わたしがReactをシンプルにするSWRです。
https://zenn.dev/uttk/articles/b3bcbedbc1fd00
Serverless Next.js At The Edge
https://www.serverless.com/blog/serverless-nextjs
Next.js + TypeScriptのディレクトリ構造案
https://uuuundefined.tokyo/blog/nextjs-directory-tree/
Reactアプリケーションを高速化するための方法
https://qiita.com/SoraKumo/items/2163f75cf3b054c1f626
コメント