# 開発日記-2024-06-16 / Next.jsのキャッシュについて

## Next.jsのキャッシュについて

urqlをNext.jsで使ったときのキャッシュ周りが思った通りに動かないので勉強し直す。

```typescript:変更前
fetchOptions: {
  next: {
    revalidate: 60,
  },
},
```

```typescript:変更後
fetchOptions: {
  cache: 'no-store',
},
```

変更前の場合は60秒毎に再取得してキャッシュしなおすということではないのだろうか。とりあえず `cache: 'no-store'` にした。

::link-card[https://zenn.dev/cybozu_frontend/articles/next-caching-revalidate]
::link-card[https://zenn.dev/takepepe/articles/nextjs-app-router-fetch-cache]