[{"data":1,"prerenderedAt":84},["ShallowReactive",2],{"\u002Fnuxt\u002Ffetch-posts":3},{"id":4,"title":5,"body":6,"category":72,"description":73,"extension":74,"meta":75,"navigation":76,"order":77,"path":78,"readingTime":79,"seo":80,"stem":81,"updated":82,"__hash__":83},"docs\u002Fnuxt\u002Ffetch-posts.md","Nuxtのサンプル実装を読む",{"type":7,"value":8,"toc":67},"minimark",[9,13,24,39,42,64],[10,11,12],"h2",{"id":12},"主なファイル",[14,15,21],"pre",{"className":16,"code":18,"language":19,"meta":20},[17],"language-text","nuxt\u002F\n├── app\u002Fpages\u002Fposts\u002Findex.vue\n├── app\u002Fpages\u002Fposts\u002F[slug].vue\n├── app\u002Fcomponents\u002FPostCard.vue\n├── server\u002Fapi\u002Fposts\u002Findex.get.ts\n├── server\u002Fapi\u002Fposts\u002F[slug].get.ts\n├── server\u002Futils\u002Fwordpress.ts\n└── shared\u002Ftypes\u002Fpost.ts\n","text","",[22,23,18],"code",{"__ignoreMap":20},[25,26,27,30,31,34,35,38],"p",{},[22,28,29],{},"server\u002Futils\u002Fwordpress.ts"," がWordPressへの通信とレスポンスの整理を担当し、ページはNuxtの ",[22,32,33],{},"\u002Fapi\u002Fposts"," を呼びます。型は ",[22,36,37],{},"shared\u002Ftypes\u002Fpost.ts"," でサーバーと画面から共有します。",[10,40,41],{"id":41},"実例サイトで確認するページ",[43,44,45,52,58],"ul",{},[46,47,48,51],"li",{},[22,49,50],{},"http:\u002F\u002Flocalhost:3001"," — 接続状態と最新投稿",[46,53,54,57],{},[22,55,56],{},"http:\u002F\u002Flocalhost:3001\u002Fposts"," — 投稿一覧",[46,59,60,63],{},[22,61,62],{},"http:\u002F\u002Flocalhost:3001\u002Fposts\u002F投稿スラッグ"," — 投稿詳細",[25,65,66],{},"WordPress管理画面で投稿を公開すると、NuxtがREST APIから情報を取得します。静的公開環境ではデプロイ時に投稿ページを生成するため、公開後の投稿を反映するにはGitHub Actionsから再デプロイします。",{"title":20,"searchDepth":68,"depth":68,"links":69},2,[70,71],{"id":12,"depth":68,"text":12},{"id":41,"depth":68,"text":41},"Nuxt","投稿一覧、詳細ページ、サーバーAPI、共通型の役割を実際のディレクトリ構成に沿って確認します。","md",{},true,4,"\u002Fnuxt\u002Ffetch-posts","15分",{"title":5,"description":73},"nuxt\u002Ffetch-posts","2026-09-04","dk-7wUf8_HOcSNCxmI_0h4vfebef94i56yUG9igo8LE",1793510989336]