Develop

.github/workflows/build.yml

@@ -22,7 +22,7 @@ jobs:
         run: echo "${{ secrets.DOTENV }}" > .env
 
       - name: npm-install
-        run: npm i
+        run: npm i --legacy-peer-deps
 
       - name: npm-build
         run: npm run build

next.config.ts

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "medusa",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",
@@ -10,7 +10,8 @@
     "lint": "next lint --fix",
     "format": "prettier --write .",
     "prepare": "husky",
-    "check:deps": "depcruise src"
+    "check:deps": "depcruise src",
+    "check:types": "tsx --noEmit"
   },
   "dependencies": {
     "@date-fns/tz": "^1.2.0",
@@ -22,7 +23,7 @@
     "date-fns": "^4.1.0",
     "highcharts": "^11.4.8",
     "highcharts-react-official": "^3.2.1",
-    "next": "15.1.3",
+    "next": "^15.2.0-canary.56",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "recharts": "^2.13.0-alpha.5",

src/app/layout.tsx

@@ -1,3 +1,5 @@
+'use cache'
+
 import { Analytics } from '@vercel/analytics/react'
 import { SpeedInsights } from '@vercel/speed-insights/next'
 
@@ -12,9 +14,22 @@ export const metadata: Metadata = {
     default: '閻魔帳',
   },
   description: 'チェイスチェイスジョーカーズのプレイ履歴を分析します。',
+  openGraph: {
+    title: '閻魔帳',
+    description: 'チェイスチェイスジョーカーズのプレイ履歴を分析します。',
+    url: 'https://放課後天地創造.club',
+    images: '/image/banner.png',
+  },
+  twitter: {
+    title: '閻魔帳',
+    description: 'チェイスチェイスジョーカーズのプレイ履歴を分析します。',
+    site: '@sweshelo',
+    images: '/image/banner.png',
+  },
+  icons: '/image/icon.png',
 }
 
-export default function RootLayout({
+export default async function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode

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

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

src/app/ranking/page.tsx

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

src/components/header/index.tsx

@@ -3,11 +3,9 @@ import Link from 'next/link'
 export const Header = () => {
   return (
     <Link href={'/'}>
-      <div className="w-full bg-blue-900">
+      <div className="w-full bg-red-900">
         <div className="max-w-[800px] mx-auto p-4 flex items-center space-x-4">
-          <div className="w-12 h-12 bg-gray-800 rounded-lg flex items-center justify-center">
-            <div className="text-white">閻</div>
-          </div>
+          <div className="w-12 h-12 bg-gray-800 rounded-lg flex items-center justify-center bg-[url('/image/icon.png')] bg-contain" />
           <div className="flex-grow">
             <h1 className="text-white text-2xl font-bold">閻魔帳</h1>
             <p className="text-gray-300 text-xs">v2 &quot;medusa&quot; - @sweshelo</p>

src/components/revalidater/action.ts

@@ -0,0 +1,7 @@
+'use server'
+
+import { revalidateTag } from 'next/cache'
+
+export const revalidateUserData = async (user: string) => {
+  revalidateTag(user)
+}

src/components/revalidater/index.tsx

@@ -0,0 +1,17 @@
+'use client'
+
+import { revalidateUserData } from './action'
+
+interface Props {
+  player: string
+}
+
+export const Revalidater = ({ player }: Props) => {
+  return (
+    <div className="p-[3px] rounded-lg bg-green-300 shadow mt-4 outline outline-1 outline-green-500">
+      <button className="w-full text-center" onClick={() => revalidateUserData(player)}>
+        最新の状態に更新する
+      </button>
+    </div>
+  )
+}