tsconfig.ts
の souceMap
を true
にしてみる
false
でもいけそう"dev:debug": "NODE_OPTIONS='--inspect=0.0.0.0:9229' next dev",
address
をコンテナに向けないといけない。localhostでは繋がらないremoteRoot
を正しく設定するport
は 9230。Next.jsの場合は9229ではない{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Next.js Server",
"address": "app",
"port": 9230,
"sourceMaps": true,
"skipFiles": ["<node_internals>/**"],
"resolveSourceMapLocations": ["${workspaceFolder}/**", "!**/node_modules/**", "!**/.next/**"],
"autoAttachChildProcesses": false,
"restart": true,
"localRoot": "${workspaceFolder}",
"remoteRoot": "/path/to/remote"
},
{
"type": "chrome",
"request": "launch",
"name": "Next.js Client",
"url": "http://localhost:3000",
"webRoot": "${workspaceFolder}"
}
]
}
export const dynamicParams = true // これは不要かも
export const revalidate = 60
export const dynamic = 'force-static'
export default async function HomePage() {
// ...
}
このように設定すると、キャッシュされるようになるが、next/linkのLinkコンポーネントで prefetch={false}
としているとキャッシュが更新されない(更新が頻度が落ちる?)。
{
cache: 'default',
next: { revalidate: 60 },
};
こうしないといけなかった??