# 今日やったこと
CSR、SSR、SSG、ISRについて
ミニアプリの実装
面接の回答について
# 今日理解できたこと
Next.jsでの実装について：
```
// SSG（静的生成）
const data = await fetch(url, { cache: 'force-cache' })

// SSR（毎回サーバーで生成）
const data = await fetch(url, { cache: 'no-store' })

// ISR（定期的に再生成）
const data = await fetch(url, { next: { revalidate: 60 } })
```
CSRの場合：
```
'use client' // ← このディレクティブを追加

import { useEffect, useState } from 'react'

export default function ClientComponent() {
const [data, setData] = useState(null)

useEffect(() => {
fetch('/api/data')
.then(res => res.json())
.then(setData)
}, [])

return <div>{data?.title}</div>
}
```
# まだ理解できていないこと

# 次にやること
ミニアプリの実装続き
面接の回答について考える！
# 感想など
明日も頑張る！