{"id":2306,"date":"2022-12-04T15:12:33","date_gmt":"2022-12-04T06:12:33","guid":{"rendered":"https:\/\/www.agile-software.site\/?p=2306"},"modified":"2022-12-04T15:12:34","modified_gmt":"2022-12-04T06:12:34","slug":"nextjs-%e8%87%aa%e4%bd%9c%e3%83%96%e3%83%ad%e3%82%b0microcms","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=2306","title":{"rendered":"Nextjs \u81ea\u4f5c\u30d6\u30ed\u30b0(microCMS)"},"content":{"rendered":"\n<p>Jamstack<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>npm i microcms-js-sdk<\/code><\/pre><\/div>\n\n\n\n<p>id\u3054\u3068\u306e\u30da\u30fc\u30b8\u3092\u8868\u793a\u3055\u305b\u308b\u305f\u3081\u306eid<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"[id].js\"><code>const id = context.params.id;<\/code><\/pre><\/div>\n\n\n\n<p>\u30d6\u30ed\u30b0\u306eid\u304c\u30ea\u30b9\u30c8\u3067\u683c\u7d0d\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"[id].js\"><code>const paths = data.contents.map((content) =&gt; `\/blog\/${content.id}`);<\/code><\/pre><\/div>\n\n\n\n<p>\u30d6\u30ed\u30b0\u30922\u8a18\u4e8b\u6295\u7a3f\u3057\u3066\u3044\u308b\u5834\u5408\u306fid\u30922\u3064\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"[id].js\"><code>[ &#39;\/blog\/r5bvmiv5bscx&#39;, &#39;\/blog\/ol6uaf-l5&#39; ]<\/code><\/pre><\/div>\n\n\n\n<p>data\u306b\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u683c\u7d0d\u3055\u308c\u3066\u3044\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">data\u306e\u4e2d\u8eab\u306e\u9055\u3044<\/h2>\n\n\n\n<p>contentId:id\u306e\u8a18\u8ff0\u3092\u8ffd\u52a0\u3057\u3066\u3044\u308b\u65b9\u304c\u7279\u5b9a\u306e\u60c5\u5831\u3092\u6307\u5b9a\u3067\u304d\u308b<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">const data = await client.get({endpoint: &#8220;blog&#8221;});<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>{\n  contents: [\n    {\n      id: &#39;r5bvmiv5bscx&#39;,\n      createdAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n      updatedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n      publishedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n      revisedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n      title: &#39;2\u56de\u76ee&#39;,\n      body: &#39;&lt;p&gt;&lt;img src=&quot;https:\/\/images.microcms-assets.io\/assets\/e2843345b3e545f38df324f50a8d52d5\/44072d97f9d740ce9c9595ba5d4cbf08\/git_logo.png&quot; alt=&quot;&quot;&gt;&lt;\/p&gt;&#39;\n    },\n    {\n      id: &#39;ol6uaf-l5&#39;,\n      createdAt: &#39;2022-12-04T02:32:10.575Z&#39;,\n      updatedAt: &#39;2022-12-04T02:32:10.575Z&#39;,\n      publishedAt: &#39;2022-12-04T02:32:10.575Z&#39;,\n      revisedAt: &#39;2022-12-04T02:32:10.575Z&#39;,\n      title: &#39;\u306f\u3058\u3081\u3066\u306eblog&#39;,\n      body: &#39;&lt;p&gt;Next.js&lt;br&gt;&lt;img src=&quot;https:\/\/images.microcms-assets.io\/assets\/e2843345b3e545f38df324f50a8d52d5\/1ab96edbdf324d9db17847c4cbbf1175\/amazon_logo.png&quot; alt=&quot;&quot;&gt;&lt;\/p&gt;&#39;\n    }\n  ],\n  totalCount: 2,\n  offset: 0,\n  limit: 10\n}<\/code><\/pre><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\">const data = await client.get({endpoint: &#8220;blog&#8221;, contentId: id});<\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\"><code>{\n  id: &#39;r5bvmiv5bscx&#39;,\n  createdAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  updatedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  publishedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  revisedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  title: &#39;2\u56de\u76ee&#39;,\n  body: &#39;&lt;p&gt;&lt;img src=&quot;https:\/\/images.microcms-assets.io\/assets\/e2843345b3e545f38df324f50a8d52d5\/44072d97f9d740ce9c9595ba5d4cbf08\/git_logo.png&quot; alt=&quot;&quot;&gt;&lt;\/p&gt;&#39;\n}\n{\n  id: &#39;r5bvmiv5bscx&#39;,\n  createdAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  updatedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  publishedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  revisedAt: &#39;2022-12-04T05:31:33.258Z&#39;,\n  title: &#39;2\u56de\u76ee&#39;,\n  body: &#39;&lt;p&gt;&lt;img src=&quot;https:\/\/images.microcms-assets.io\/assets\/e2843345b3e545f38df324f50a8d52d5\/44072d97f9d740ce9c9595ba5d4cbf08\/git_logo.png&quot; alt=&quot;&quot;&gt;&lt;\/p&gt;&#39;\n}<\/code><\/pre><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"[id].js\"><code>npm i sass<\/code><\/pre><\/div>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-plain\" data-file=\"404.js\"><code>const id = context.params.id;<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jamstack id\u3054\u3068\u306e\u30da\u30fc\u30b8\u3092\u8868\u793a\u3055\u305b\u308b\u305f\u3081\u306eid \u30d6\u30ed\u30b0\u306eid\u304c\u30ea\u30b9\u30c8\u3067\u683c\u7d0d\u3055\u308c\u3066\u3044\u307e\u3059\u3002 \u30d6\u30ed\u30b0\u30922\u8a18\u4e8b\u6295\u7a3f\u3057\u3066\u3044\u308b\u5834\u5408\u306fid\u30922\u3064\u53d6\u5f97\u3067\u304d\u307e\u3059\u3002 data\u306b\u306f\u30aa\u30d6\u30b8\u30a7\u30af\u30c8\u304c\u683c\u7d0d\u3055\u308c\u3066\u3044\u308b\u3002 data\u306e\u4e2d\u8eab\u306e\u9055<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2306","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2306","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2306"}],"version-history":[{"count":1,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2306\/revisions"}],"predecessor-version":[{"id":2307,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/2306\/revisions\/2307"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2306"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2306"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}