技術的備忘録

基本自分用備忘録

React

Next.js レンダリング手法まとめ

Next.jsの4つのレンダリング手法について 静的サイト生成(SSG: Static Site Generation) ビルド時にAPIを呼び出しデータを取得、ページを描画して静的ファイルとして生成する 生成した静的ファイルはビルド結果に保持され、ページアクセス時にはその静的ファ…

Next.jsチュートリアルまとめ

Next.jsのチュートリアルで重要そうなとこ抜粋 ページはファイルの階層そのまま pages/index.jsがルート リンクコンポーネントでページ遷移 import Link from 'next/link' export default function FirstPost() { return ( <> <h1>First Post</h1> <h2> <Link href="/"> <a>Back to home</a> </Link> </h2> …

Meterial-UI スタイル上書き・カスタマイズ

Material-UIで用意されたスタイルを上書きたいとき。 アプリ全体で、指定したMaterial-UIのクラスのスタイルを上書く Meterial-UI側で用意されてるThemeProviderと、createMuiTheme関数を使う クラス名はdevelopperToolsで確認 「MuiGridListTile-tile」Mui[…