https://log.eurekapu.com/coding-standards/viewer/rule-8-5
https://log.eurekapu.com/coding-standards/viewer/rule-10-7
https://log.eurekapu.com/coding-standards/viewer/rule-10-6
... 他多数

dist/coding-standards/viewer/
├── index.html      ← これしかない
└── _payload.json

※ rule-8-5.html などは存在しない

<!-- apps/web/app/pages/coding-standards/viewer/[ruleId].vue -->
<template>
  <ClientOnly>  <!-- ← クライアントサイドのみでレンダリング -->
    ...
  </ClientOnly>
</template>

https://log.eurekapu.com/2025-12-09/nuxt-vite-optimize-deps-warning
https://log.eurekapu.com/2025-12-09/nuxt-vite-optimize-deps-warning/

https://log.eurekapu.com/2025-12-06/nuxt-prefetch-guide
https://log.eurekapu.com/2025-12-06/nuxt-prefetch-guide/

https://log.eurekapu.com/cdn-cgi/l/email-protection

// nuxt.config.ts
import { readFile } from "node:fs/promises";

// JSONからルートを動的生成
async function getCodingStandardsRoutes(): Promise<string[]> {
  const jsonPath = resolve(__dirname, 'public/data/coding-standards.json');
  const data = JSON.parse(await readFile(jsonPath, 'utf-8'));
  return data.map((rule: { ruleNumber: string }) =>
    `/coding-standards/viewer/rule-${rule.ruleNumber.replace('.', '-')}`
  );
}

export default defineNuxtConfig({
  hooks: {
    'nitro:config': async (nitroConfig) => {
      const routes = await getCodingStandardsRoutes();
      nitroConfig.prerender.routes = [
        ...(nitroConfig.prerender.routes || []),
        ...routes
      ];
      console.log(`✓ Added ${routes.length} coding-standards routes for prerendering`);
    }
  }
})

<template>
  <ClientOnly>  <!-- ← SSG時に空のHTMLになる -->
    <div v-if="currentRule">...</div>
  </ClientOnly>
</template>

<script setup>
// クライアントサイドでfetch → SSGでは動作しない
const response = await fetch('/data/coding-standards.json');
</script>

<template>
  <!-- ClientOnlyを削除 → SSGで完全なHTMLが生成される -->
  <div v-if="currentRule">...</div>
</template>

<script setup>
// 直接import → SSG時にデータが埋め込まれる
import codingStandardsData from '../../../../public/data/coding-standards.json';
const allRules = ref(codingStandardsData);

// highlight.jsはクライアントサイドのみで実行
async function highlightCode() {
  if (import.meta.server) return;  // SSR時はスキップ
  const hljs = (await import('highlight.js/lib/core')).default;
  // ...
}
</script>

<script setup>
// ❌ SSG時に500エラーが発生
const { data: allRules } = await useFetch('/data/coding-standards.json', {
  default: () => []
});
</script>

[nitro] ├─ /coding-standards/viewer/rule-8-5 (766ms)
        │ └── [500] Server Error

<script setup>
// ❌ パスが解決できない
import codingStandardsData from '~/public/data/coding-standards.json';
</script>

ERROR [vite:load-fallback] Could not load C:/Users/.../app//public/data/coding-standards.json
ENOENT: no such file or directory

<script setup>
// ✅ 相対パスで正しく解決される
import codingStandardsData from '../../../../public/data/coding-standards.json';
</script>

┌─────────────────────────────────────────────────────────┐
│  ビルド時（SSG）                                          │
├─────────────────────────────────────────────────────────┤
│  1. Nuxtが /coding-standards/viewer/rule-8-5 をレンダリング │
│  2. <ClientOnly> の中身はスキップされる                    │
│  3. 空のHTMLが生成される                                  │
│                                                         │
│  結果: Googleボットが見るのは空のページ → 404扱い           │
└─────────────────────────────────────────────────────────┘

┌─────────────────────────────────────────────────────────┐
│  ビルド時（SSG）                                          │
├─────────────────────────────────────────────────────────┤
│  1. JSONを直接import → データがビルドに含まれる            │
│  2. <ClientOnly>なし → 完全なHTMLが生成される              │
│  3. 各ルールページの静的HTMLがdist/に出力                  │
│                                                         │
│  結果: Googleボットが見るのは完全なコンテンツ               │
└─────────────────────────────────────────────────────────┘

dist/coding-standards/viewer/
├── index.html
└── _payload.json

dist/coding-standards/viewer/
├── index.html
├── rule-1-1/index.html    ← 新規生成
├── rule-1-2/index.html    ← 新規生成
├── rule-8-5/index.html    ← 新規生成
├── ...（全158ルール）
└── _payload.json

✓ Added 158 coding-standards routes for prerendering
Prerendered 579 routes in 35.078 seconds
✓ Generated sitemap.xml with 287 URLs
  - Coding standards rules: 158
  - Other pages: 129

<!-- 生成されるsitemap.xml（空） -->
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="...">
</urlset>
<!-- XML Sitemap generated by @nuxtjs/sitemap v7.4.8 -->

// nuxt.config.ts
sitemap: {
  urls: async () => {
    const data = JSON.parse(await readFile(jsonPath, 'utf-8'));
    return data.map(rule => ({
      loc: `/coding-standards/viewer/rule-${rule.ruleNumber.replace('.', '-')}`
    }));
  }
}

// nuxt.config.ts
sitemap: {
  sources: ['/api/__sitemap__/coding-standards']
}

// server/api/__sitemap__/coding-standards.ts
import { defineSitemapEventHandler } from '#imports'
import { readFileSync } from 'fs'

export default defineSitemapEventHandler(() => {
  const data = JSON.parse(readFileSync(jsonPath, 'utf-8'))
  return data.map(rule => ({ loc: `/coding-standards/viewer/rule-...` }))
})

RollupError: Could not resolve "../../../../public/data/coding-standards.json"

// scripts/generate-sitemap.mjs
import { readdirSync, writeFileSync } from 'fs'
import { join, resolve } from 'path'

const SITE_URL = 'https://log.eurekapu.com'
const DIST_DIR = resolve(process.cwd(), 'dist')

// distディレクトリから全HTMLファイルを検出
function getAllRoutes(dir, baseRoute = '') {
  const routes = []
  const entries = readdirSync(dir, { withFileTypes: true })

  for (const entry of entries) {
    if (entry.isDirectory() && !entry.name.startsWith('_')) {
      routes.push(...getAllRoutes(join(dir, entry.name), `${baseRoute}/${entry.name}`))
    } else if (entry.name === 'index.html') {
      routes.push(baseRoute || '/')
    }
  }
  return routes
}

// サイトマップXMLを生成
const routes = getAllRoutes(DIST_DIR)
const sitemap = generateSitemap(routes)
writeFileSync(join(DIST_DIR, 'sitemap.xml'), sitemap)

// package.json
{
  "scripts": {
    "postgenerate": "node scripts/fix-routes.mjs && node scripts/generate-sitemap.mjs"
  }
}

User-Agent: *
Disallow: /coding-standards/viewer/rule-

サイトマップ送信 → クロール予約 → クロール実行 → 品質評価 → インデックス登録
                    ↓                              ↓
               数日〜数週間                    品質が低いと除外