アーカイブ：2022年 1月
-
【Next.js】「エラーハンドリング」
01.20
Error Boundary コンポーネント内で発生する特定のエラー（実行時エラーなど）しかcatchしてくれない。以下のエラーは捕捉しないので、現状はあまり使い道はないかもしれない。 イベントハンドラ内で発生したエラー …
-
_app.tsx 全ページで必要な処理を書く。 ページ間共通レイアウト 共通のstate(Reduxなども） グローバルCSS（全ページ共通の）を適用する。 サーバーサイドレンダリングされるが、ライフサイクルメ…
-
【Next.js】各種コマンドについて
01.16
next dev 開発時にはこれを実行します。開発用なので、リクエストの都度「getStaticProps」(SSGビルド)が実行されます。 next export 静的リソースを生成します（Reactと同じように）。SSRやpr…
-
【React】リリースノート
01.16
バージョン リリース日 説明 15 16 2017年9月 17 …
-
images domains 外部ドメインから画像を取得したい場合に使う設定です。外部ドメイン名を配列形式で指定します。…
-
【Next.js】「APIルート」機能について
01.16
Next.jsで簡易的なAPIエンドポイントを作れる機能です。 ファイルの配置場所 以下のようにAPIの名前をファイル名としてつけて配置します。 [crayon-61ea98ff365bc837861867/] 実装 [crayo…
-
【Next.js】ディレクトリ構成
01.15
ディレクトリ名 説明 .next プロジェクト作成時にはなく実行すると生成されます。この中にプロジェクトから生成されたWebアプリのファイル類が保存されます。 pages ここで指定した…
-
【CSS】「TailwindCSS」について
01.15
TailwindCSSとは？ Utility Firstという概念で設計されたCSSフレームワークです。 メリット 単純にCSSの記述量を大幅に削減できる。 スタイリングの際に考えるCSSクラス名を考える必要がなくなる。…
-
【Next.js】「Vercel」の概要
01.15
Vercelとは？ Next.jsを開発しているVercel Inc.という会社が提供しているホスティングサービスです。作成したWebアプリを数十秒でデプロイしてグローバル展開できます。 料金プラン いくつかあるが、個人で非営利で使用…
-
【Next.js】リリースノート
01.15
バージョン リリース日 説明 1 2016/10/25 2 2017年3月 3 4 5 6 7…