Update dependency next to v16.3.3 [SECURITY]

Update dependency @biomejs/biome to v2.5.8

.github/workflows/ghcr.yml

@@ -0,0 +1,30 @@
+name: Push to github container register
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+jobs:
+  push-docker:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    steps:
+      - uses: actions/checkout@v7
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v4
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v4
+        with:
+          registry: git.neody.ad.jp
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}
+      - name: Build and push image
+        uses: docker/build-push-action@v7
+        with:
+          context: .
+          push: true
+          tags: |
+            git.neody.ad.jp/tuna2134/cecilia:latest

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+    "recommendations": ["bradlc.vscode-tailwindcss"]
+}

Dockerfile

@@ -0,0 +1,27 @@
+FROM node:24-slim AS builder
+
+WORKDIR /src
+
+ENV OUTPUT=standalone
+RUN corepack enable
+
+COPY pnpm-lock.yaml package.json .
+RUN pnpm install --frozen-lockfile --ignore-scripts
+RUN pnpm approve-builds sharp
+RUN pnpm rebuild sharp
+
+COPY . .
+RUN pnpm build
+
+FROM gcr.io/distroless/nodejs24-debian12
+
+# ENV NODE_ENV=production
+WORKDIR /usr/src
+
+COPY --chown=nonroot:nonroot ./public ./public
+COPY --from=builder --chown=nonroot:nonroot /src/.next/standalone ./
+COPY --from=builder --chown=nonroot:nonroot /src/.next/static ./.next/static
+
+USER nonroot
+EXPOSE 3000
+CMD ["server.js"]

next.config.ts

@@ -5,4 +5,8 @@ const nextConfig: NextConfig = {
     reactCompiler: true,
 };
 
+if (process.env.OUTPUT === "standalone") {
+    nextConfig.output = "standalone";
+}
+
 export default nextConfig;

package.json

@@ -10,18 +10,19 @@
         "format": "biome format --write"
     },
     "dependencies": {
-        "next": "16.2.6",
-        "react": "19.2.4",
-        "react-dom": "19.2.4"
+        "iconoir-react": "^7.11.0",
+        "next": "16.3.3",
+        "react": "19.2.8",
+        "react-dom": "19.2.8"
     },
     "devDependencies": {
-        "@biomejs/biome": "2.2.0",
+        "@biomejs/biome": "2.5.8",
         "@tailwindcss/postcss": "^4",
-        "@types/node": "^20",
+        "@types/node": "^25",
         "@types/react": "^19",
         "@types/react-dom": "^19",
         "babel-plugin-react-compiler": "1.0.0",
         "tailwindcss": "^4",
-        "typescript": "^5"
+        "typescript": "^6"
     }
 }

pnpm-workspace.yaml

@@ -3,3 +3,14 @@ allowBuilds:
 ignoredBuiltDependencies:
   - sharp
   - unrs-resolver
+minimumReleaseAgeExclude:
+  - '@next/env@16.3.1'
+  - '@next/swc-darwin-arm64@16.3.1'
+  - '@next/swc-darwin-x64@16.3.1'
+  - '@next/swc-linux-arm64-gnu@16.3.1'
+  - '@next/swc-linux-arm64-musl@16.3.1'
+  - '@next/swc-linux-x64-gnu@16.3.1'
+  - '@next/swc-linux-x64-musl@16.3.1'
+  - '@next/swc-win32-arm64-msvc@16.3.1'
+  - '@next/swc-win32-x64-msvc@16.3.1'
+  - next@16.3.1

renovate.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "config:recommended"
+  ]
+}

src/app/(pages)/page.tsx

@@ -1,26 +1,41 @@
-import { NextPage } from "next";
-import Image from "next/image";
+import { NextPage, Metadata } from "next";
+import { Activity, ActivityData } from "@/components/pages/Home/Activity";
+import { Profile } from "@/components/pages/Home/Profile";
+
+export const metadata: Metadata = {
+    title: "ホーム",
+    description: "tuna2134のホームページ",
+};
+
+const activities: ActivityData[] = [
+    {
+        title: "cecilia",
+        description: "Next.jsで作成したポートフォリオサイトです。",
+        url: "https://github.com/tuna2134/cecilia",
+    },
+    {
+        title: "Neody Networks",
+        description: "AS152873をはじめインフラをメインで運用しています。",
+        url: "https://neody.ad.jp",
+    },
+    {
+        title: "EtherIP",
+        description: "RustでRFC3378であるEtherIPを実装しました。",
+        url: "https://github.com/tuna2134/EtherIP",
+    },
+];
 
 const Home: NextPage = () => {
     return (
         <>
-            <div className="w-full flex items-center gap-4 py-8">
-                <Image
-                    src="/images/icon.png"
-                    alt="icon"
-                    width={128}
-                    height={128}
-                    className="rounded-full"
-                />
-                <div>
-                    <h2 className="text-2xl font-bold">こんにちは！</h2>
-                    <p>
-                        はじめまして、tuna2134です。サーバーをいじったりするのが楽しいと思っている人間です！
-                    </p>
-                </div>
-            </div>
+            <Profile />
             <div>
                 <h3 className="text-xl font-bold mb-4">最近の活動</h3>
+                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                    {activities.map((activity, index) => (
+                        <Activity key={index} activity={activity} />
+                    ))}
+                </div>
             </div>
         </>
     );

src/app/layout.tsx

@@ -27,9 +27,7 @@ export default function RootLayout({
             lang="ja"
             className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
         >
-            <body className="min-h-full flex flex-col bg-black text-white">
-                {children}
-            </body>
+            <body className="min-h-full flex flex-col">{children}</body>
         </html>
     );
 }

src/components/Header.tsx

@@ -2,7 +2,7 @@ const Header: React.FC = () => {
     return (
         <header className="w-full flex flex-col items-center gap-1 py-4 border-b border-gray-400">
             <h1 className="text-4xl font-bold">tuna2134</h1>
-            <small className="text-sm text-gray-400/90">
+            <small className="text-sm text-gray-600/80">
                 tuna2134の個人的な憩いの場
             </small>
         </header>

src/components/pages/Home/Activity.tsx

@@ -0,0 +1,28 @@
+import Link from "next/link";
+
+export interface ActivityData {
+    title: string;
+    description: string;
+    url: string | null;
+}
+
+interface ActivityProps {
+    activity: ActivityData;
+}
+
+export const Activity: React.FC<ActivityProps> = ({ activity }) => {
+    return (
+        <div className="p-4 border border-gray-300 rounded-lg mb-4 flex flex-col">
+            <h4 className="text-lg font-semibold">{activity.title}</h4>
+            <p className="grow mb-2 text-gray-700">{activity.description}</p>
+            {activity.url && (
+                <Link
+                    href={activity.url}
+                    className="text-blue-500 hover:underline text-sm"
+                >
+                    詳細
+                </Link>
+            )}
+        </div>
+    );
+};

src/components/pages/Home/Profile.tsx

@@ -0,0 +1,35 @@
+import { Github, Mail, Twitter } from "iconoir-react";
+import Image from "next/image";
+import Link from "next/link";
+
+export const Profile: React.FC = () => {
+    return (
+        <div className="w-full flex items-center gap-4 py-8">
+            <Image
+                src="/images/icon.png"
+                alt="icon"
+                width={128}
+                height={128}
+                className="rounded-full"
+            />
+            <div>
+                <h2 className="text-2xl font-bold">こんにちは！</h2>
+                <p>
+                    はじめまして、tuna2134です。サーバーをいじったりするのが楽しいと思っている人間です！
+                    主にAS152873を運用しています。このサイトはAS152873のインフラで動いています。
+                </p>
+                <div className="mt-4 flex items-center gap-2">
+                    <Link href="https://x.com/fdc_tuna2134">
+                        <Twitter />
+                    </Link>
+                    <Link href="https://github.com/tuna2134">
+                        <Github />
+                    </Link>
+                    <Link href="mailto:m-kikuchi@tuna2134.dev">
+                        <Mail />
+                    </Link>
+                </div>
+            </div>
+        </div>
+    );
+};