Next.js から Astro へ。拡張性を捨て、シンプルさを選んだ理由

optimizeDeps: {
  exclude: ['@resvg/resvg-js'],
},

 building client (vite) 
20:25:28 [vite] ✓ 3568 modules transformed.
20:25:28 [vite] dist/_astro/clone.CGFecHOY.js                                                0.10 kB │ gzip:   0.11 kB
20:25:28 [vite] dist/_astro/channel.D-9a6z12.js                                              0.12 kB │ gzip:   0.13 kB
20:25:28 [vite] dist/_astro/client.SlIoTHO_.js                                             182.74 kB │ gzip:  57.60 kB
20:25:28 [vite] dist/_astro/katex.XbL3y5x-.js                                              265.42 kB │ gzip:  77.51 kB
20:25:28 [vite] dist/_astro/treemap-KMMF4GRG.BW_A3qz5.js                                   329.94 kB │ gzip:  80.28 kB
20:25:28 [vite] dist/_astro/cytoscape.esm.DtBltrT8.js                                      442.41 kB │ gzip: 141.91 kB
20:25:28 [vite] dist/_astro/markdown-content.MPw3XyOH.js                                   495.59 kB │ gzip: 139.84 kB

20:48:02 [vite] ✓ 1817 modules transformed.
20:48:02 [vite] dist/_astro/index.DJPt4get.js                                                0.13 kB │ gzip:  0.12 kB
20:48:02 [vite] dist/_astro/index.CgUNgRpm.js                                                0.20 kB │ gzip:  0.16 kB
20:48:02 [vite] dist/_astro/markdown-content.B7Eb7184.js                                     2.70 kB │ gzip:  1.17 kB
20:48:02 [vite] dist/_astro/self-assessment.BeQnHm3R.js                                      2.93 kB │ gzip:  1.29 kB
20:48:02 [vite] dist/_astro/index.4ifBoAec.js                                                3.89 kB │ gzip:  1.52 kB
20:48:02 [vite] dist/_astro/index.Da02gyCa.js                                                8.37 kB │ gzip:  3.28 kB
20:48:02 [vite] dist/_astro/lucide-icons.BjdKjkTe.js                                         9.27 kB │ gzip:  2.51 kB
20:48:02 [vite] dist/_astro/ClientRouter.astro_astro_type_script_index_0_lang.QW52Ox2j.js   15.33 kB │ gzip:  5.27 kB
20:48:02 [vite] dist/_astro/utils.CDN07tui.js                                               25.51 kB │ gzip:  8.18 kB
20:48:02 [vite] dist/_astro/Header.CUvrmZ-b.js                                              89.78 kB │ gzip: 30.75 kB
20:48:02 [vite] dist/_astro/client.SlIoTHO_.js                                             182.74 kB │ gzip: 57.60 kB

name: Deploy to Vercel
 
on:
  push:
    branches:
      - main
  pull_request:
 
defaults:
  run:
    shell: bash
 
permissions: {}
 
concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true
 
jobs:
  deploy-preview:
    name: Deploy Preview
    if: github.ref != 'refs/heads/main'
    timeout-minutes: 20
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
      pull-requests: write
    steps:
      - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
        with:
          persist-credentials: false
 
      - uses: ./.github/actions/setup
 
      - name: Get Playwright version
        id: playwright-version
        run: echo "version=$(node -p "require('./package.json').devDependencies.playwright || require('./package.json').dependencies.playwright" | tr -d '^~')" >> "$GITHUB_OUTPUT"
 
      - name: Cache Playwright browsers
        uses: actions/cache@9255dc7a253b0ccc959486e2bca901246202afeb # v5.0.1
        id: playwright-cache
        with:
          path: ~/.cache/ms-playwright
          key: playwright-${{ runner.os }}-${{ steps.playwright-version.outputs.version }}
          restore-keys: |
            playwright-${{ runner.os }}-
 
      - name: Install Playwright browsers
        if: steps.playwright-cache.outputs.cache-hit != 'true'
        run: bunx --bun playwright install --with-deps chromium
 
      - name: Install Playwright system dependencies
        if: steps.playwright-cache.outputs.cache-hit == 'true'
        run: bunx --bun playwright install-deps chromium
 
      - name: Pull Vercel Environment Information
        run: bunx vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 
      - name: Build Project Artifacts
        run: bunx vercel build --token=${{ secrets.VERCEL_TOKEN }}
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 
      - name: Generate Pagefind Index
        run: bunx pagefind --site .vercel/output/static
 
      - name: Deploy to Vercel
        id: deploy
        run: |
          DEPLOYMENT_URL=$(bunx vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} | tail -n 1)
          echo "url=$DEPLOYMENT_URL" >> "$GITHUB_OUTPUT"
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 
      - name: Comment Preview URL on PR
        if: github.event_name == 'pull_request'
        run: |
          gh pr comment ${{ github.event.pull_request.number }} --body "### Preview Deployment
 
          Preview URL: $DEPLOYMENT_URL"
        env:
          GH_TOKEN: ${{ github.token }}
          DEPLOYMENT_URL: ${{ steps.deploy.outputs.url }}
 
  deploy-production:
    name: Deploy Production
    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
    timeout-minutes: 20
    runs-on: ubuntu-latest
    permissions:
      contents: read
      deployments: write
    steps:
      - uses: actions/checkout@8e8c483db84b4bee98b60c0593521ed34d9990e8 # v6.0.1
        with:
          persist-credentials: false
 
      - uses: ./.github/actions/setup
 
      - name: Get Playwright version
        id: playwright-version
        run: echo "version=$(node -p "require('./package.json').devDependencies.playwright || require('./package.json').dependencies.playwright" | tr -d '^~')" >> "$GITHUB_OUTPUT"
 
      - name: Cache Playwright browsers
        uses: actions/cache@9255dc7a253b0ccc959486e2bca901246202afeb # v5.0.1
        id: playwright-cache
        with:
          path: ~/.cache/ms-playwright
          key: playwright-${{ runner.os }}-${{ steps.playwright-version.outputs.version }}
          restore-keys: |
            playwright-${{ runner.os }}-
 
      - name: Install Playwright browsers
        if: steps.playwright-cache.outputs.cache-hit != 'true'
        run: bunx --bun playwright install --with-deps chromium
 
      - name: Install Playwright system dependencies
        if: steps.playwright-cache.outputs.cache-hit == 'true'
        run: bunx --bun playwright install-deps chromium
 
      - name: Pull Vercel Environment Information
        run: bunx vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 
      - name: Build Project Artifacts
        run: bunx vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 
      - name: Generate Pagefind Index
        run: bunx pagefind --site .vercel/output/static
 
      - name: Deploy to Vercel
        run: bunx vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}
        env:
          VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
          VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}

'use server';
 
import { cache } from 'react';
 
type OGData = {
  title: string;
  description: string;
  image: string;
  url: string;
};
 
/**
 * OGP画像のURLを絶対URLに変換する
 */
function resolveImageUrl({
  imageUrl,
  baseUrl,
}: {
  imageUrl: string | undefined;
  baseUrl: string;
}): string {
  if (!imageUrl) {
    return '';
  }
 
  // 絶対URLかどうかを判定
  const isAbsoluteUrl = /^https?:\/\//i.test(imageUrl);
  if (isAbsoluteUrl) {
    return imageUrl;
  }
 
  // 相対URLの場合は元のURLのoriginを基準に絶対URLに変換
  const base = new URL(baseUrl);
  const absoluteUrl = new URL(imageUrl, base.origin);
  return absoluteUrl.href;
}
 
/**
 * URLからOGP(Open Graph Protocol)データを取得する
 */
async function getOGDataImpl(url: string): Promise<Partial<OGData>> {
  try {
    const response = await fetch(url, {
      headers: {
        'User-Agent': 'bot',
      },
    });
 
    const html = await response.text();
 
    const getMetaContent = (property: string): string | undefined => {
      const regex = new RegExp(
        `<meta[^>]+(?:property|name)="${property}"[^>]+content="([^"]+)"`,
        'i',
      );
      return regex.exec(html)?.[1];
    };
 
    const titleMatch = /<title>(.*?)<\/title>/i.exec(html);
 
    return {
      title: getMetaContent('og:title') || titleMatch?.[1] || '',
      description:
        getMetaContent('og:description') || getMetaContent('description') || '',
      image: resolveImageUrl({
        imageUrl: getMetaContent('og:image'),
        baseUrl: url,
      }),
      url,
    };
  } catch (error) {
    console.error('Error fetching OG data:', error);
    return { url };
  }
}
 
export const getOGData = cache(getOGDataImpl);