Slide 91
Slide 91 text
第7章 現場での使われ方と最新動向
【実技】SSR + nginx プロキシキャッシュで、 ISR の再現をしよう
✏ Cache-Control ヘッダーを設定してみよう( getServerSideProps 編)
・pages/users/index.tsx の getServerSideProps 関数を開いて
・関数内に await new Promise(resolve => { setTimeout(resolve, 1000) }) を記述※
・関数内に res.setHeader('Cache-Control', 'max-age=10') を記述
・npm run build && npm startで本番サーバーを再起動してみて
・http://localhost:3000/usersとhttp://localhost:3001/usersを比較してみて
🗒 開発サーバーでは Cache-Control が強制上書きされてしまうので注意
※ 重いクエリが実行されていることをエミュレートするための遅延関数