Develop

.husky/pre-push

@@ -1 +1,2 @@
-npm run build:verify
+npm run check:deps
+npm run check:types

next.config.ts

@@ -25,9 +25,7 @@ const nextConfig: NextConfig = {
       },
     ],
   },
-  experimental: {
-    useCache: true,
-  },
+  experimental: {},
 }
 
 export default nextConfig

package.json

@@ -24,7 +24,7 @@
     "date-fns": "^4.1.0",
     "highcharts": "^11.4.8",
     "highcharts-react-official": "^3.2.1",
-    "next": "^15.2.0-canary.56",
+    "next": "^15.1.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",

src/app/layout.tsx

@@ -1,5 +1,3 @@
-'use cache'
-
 import { Analytics } from '@vercel/analytics/react'
 import { SpeedInsights } from '@vercel/speed-insights/next'
 import { ToastContainer } from 'react-toastify'

src/app/player/[name]/page.tsx

@@ -1,17 +1,20 @@
-'use cache'
-
 import { Metadata } from 'next'
-import { cacheLife } from 'next/dist/server/use-cache/cache-life'
-import { cacheTag } from 'next/dist/server/use-cache/cache-tag'
 
 import { PlayerPage } from '@/features/player'
 import { fetchAchievement } from '@/service/supabase/achievement'
-import { fetchPlayer } from '@/service/supabase/player'
+import { fetchAllPlayersName, fetchPlayer } from '@/service/supabase/player'
 
 interface PageProps {
   params: Promise<{ name: string }>
 }
 
+export const revalidate = 86400 // 丸一日キャッシュする
+export const dynamicParams = true
+
+export async function generateStaticParams() {
+  return (await fetchAllPlayersName()).map(name => ({ name }))
+}
+
 export async function generateMetadata({ params }: PageProps): Promise<Metadata> {
   const name = decodeURI((await params).name)
 
@@ -23,8 +26,6 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
 
 export default async function Page({ params }: PageProps) {
   const name = decodeURI((await params).name)
-  cacheLife('days')
-  cacheTag(name)
 
   const player = await fetchPlayer(name)
   const achievement = (await fetchAchievement(player.records[0].achievement)) ?? undefined

src/app/ranking/page.tsx

@@ -1,5 +1,3 @@
-'use cache'
-
 import { Metadata } from 'next'
 
 import RankingPage from '@/features/ranking'

src/components/search-box/action.ts

@@ -1,10 +1,7 @@
-'use server'
-
-import { fetchPlayerWithRecord } from '@/service/supabase/player'
+import { fetchAllPlayersName } from '@/service/supabase/player'
 
 const action = async () => {
-  'use cache'
-  return await fetchPlayerWithRecord()
+  return await fetchAllPlayersName()
 }
 
 export default action

src/features/player/index.tsx

@@ -1,7 +1,3 @@
-'use cache'
-
-import { cacheTag } from 'next/dist/server/use-cache/cache-tag'
-
 import { AchievementView } from '@/components/achievement'
 import { PointsLineChart } from '@/components/charts/line-chart'
 import { Shiny } from '@/components/common/shiny'
@@ -25,7 +21,6 @@ interface PlayerPageProps {
 }
 
 export const PlayerPage = async ({ player, achievement }: PlayerPageProps) => {
-  cacheTag(player.name)
   const [digest] = player.records
 
   const count = await fetchPlayerCount()

src/service/original/ranking.ts

@@ -1,6 +1,5 @@
 import * as cheerio from 'cheerio'
 import { format } from 'date-fns'
-import { cacheLife } from 'next/dist/server/use-cache/cache-life'
 
 import { Ranking } from '@/types/ranking'
 
@@ -10,9 +9,6 @@ const originalPageURL = (index: number) => {
 }
 
 export const fetchRankingTable = async () => {
-  'use cache'
-  cacheLife('hours')
-
   const ranking: Ranking[] = []
 
   await Promise.all(

src/service/supabase/deviation-ranking.ts

@@ -1,5 +1,3 @@
-'use cache'
-
 import { supabase } from './client'
 
 export const fetchDeviationRanking = async () => {

src/service/supabase/online.ts

@@ -1,12 +1,9 @@
 import { tz } from '@date-fns/tz'
 import { sub } from 'date-fns'
-import { cacheLife } from 'next/dist/server/use-cache/cache-life'
 
 import { supabase } from './client'
 
 export const fetchOnlinePlayers = async () => {
-  'use cache'
-  cacheLife('minutes')
   const { data, error } = await supabase(['online'])
     .from('record')
     .select('player_name, chara, recorded_at')

src/service/supabase/player.ts

@@ -1,13 +1,6 @@
-import { cacheLife } from 'next/dist/server/use-cache/cache-life'
-import { cacheTag } from 'next/dist/server/use-cache/cache-tag'
-
 import { supabase } from './client'
 
 export const fetchPlayer = async (playerName: string) => {
-  'use cache'
-  cacheTag(playerName)
-  cacheLife('days')
-
   // プレイヤー情報を取得
   const { data: players, error: playerError } = await supabase([playerName])
     .from('player')
@@ -59,9 +52,7 @@ export const fetchPlayer = async (playerName: string) => {
   }
 }
 
-export const fetchPlayerWithRecord = async (): Promise<string[]> => {
-  'use cache'
-  cacheLife('days')
+export const fetchAllPlayersName = async (): Promise<string[]> => {
   const { data: players, error: joinError } = await supabase(['ranking'])
     .from('player')
     .select(`name`)
@@ -76,10 +67,6 @@ export const fetchPlayerWithRecord = async (): Promise<string[]> => {
 }
 
 export const fetchPlayerCount = async () => {
-  'use cache'
-  cacheTag('stats')
-  cacheLife('days')
-
   // プレイヤー情報を取得
   const result = await supabase(['stats'])
     .from('player')

src/service/supabase/schedule.ts

@@ -1,5 +1,3 @@
-'use cache'
-
 import { supabase } from './client'
 
 export const fetchSchedule = async () => {