技術的備忘録

基本自分用備忘録

Next.js

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> …