kuc-arc-f/[id].tsx

## [id].tsx
import Head from 'next/head'
import React from 'react'
import Link from 'next/link';

import marked from  'marked'

import Layout from '../../components/layout'
import LibCommon from '../../libs/LibCommon'
import LibCms from '../../libs/LibCms'
//
export default function Page({ blog }) {
//console.log(blog)
  return (
    <Layout>
    <Head><title key="title">{blog.title}</title></Head>
    <div className="container bg-light">
      <div className="hidden_print">
        <Link href="/home" >
          <a className="btn btn-light btnx-outline-orange mt-2">Back</a>
        </Link>
        <hr className="mt-2 mb-2" />
        <div className="show_head_wrap">
          <i className="bi bi-house-fill mx-2"></i> ＞
            &nbsp;{blog.title}
        </div>
      </div>
      <div className="card shadow-sm my-2">
        <div className="card-body">
          <h1>{blog.title}</h1>
          Date: {blog.created_at}<br />
          Category : {blog.category.name }
        </div>
      </div>
      <div className="shadow-sm bg-white p-4 mt-2 mb-4">
        <div id="post_item" dangerouslySetInnerHTML={{__html: `${blog.content}`}}>
        </div>
      </div>
    </div>
    <style>{`
      div#post_item img{
        max-width : 100%;
        height : auto;
      }
      .show_head_wrap{ font-size: 1.4rem; }
      .pdf_next_page {
        page-break-before: always;
        background-color: green;
        border: none;
      }
      @media print {
        .hidden_print{
          display: none;
        }
      }
      `}</style>
  </Layout>
  )
}
//
export const getStaticPaths = async () => {
  const dt = LibCommon.formatDate( new Date(), "YYYY-MM-DD_hhmmss");
  const url = process.env.MY_JSON_URL+ '?' + dt
  const req = await fetch( url );
  const json = await req.json();
  const items = json.items
  const paths = []
  items.map((item, index) => {
    let row = { params:
      { id: item.save_id }
    }
    paths.push(row)
  })
//console.log(paths)
  return {
    paths: paths,
    fallback: false
  }
};
export const getStaticProps = async context => {
  const id = context.params.id
//console.log(id)
  const dt = LibCommon.formatDate( new Date(), "YYYY-MM-DD_hhmmss");
  const url = process.env.MY_JSON_URL+ '?' + dt
  const req = await fetch( url );
  const json = await req.json();
  let items = json.items
  items = LibCommon.convert_items( items )
  let item  = LibCms.get_show_item( items, String(id) )
  item.content = marked(item.content)
  item = LibCms.get_post_itemOne(item , json.category_items)
//console.log(json.category_items )
  return {
    props: {
      blog: item,
    },
  }

};
	import Head from 'next/head'
	import React from 'react'
	import Link from 'next/link';

	import marked from 'marked'

	import Layout from '../../components/layout'
	import LibCommon from '../../libs/LibCommon'
	import LibCms from '../../libs/LibCms'
	//
	export default function Page({ blog }) {
	//console.log(blog)
	return (
	<Layout>
	<Head><title key="title">{blog.title}</title></Head>
	<div className="container bg-light">
	<div className="hidden_print">
	<Link href="/home" >
	<a className="btn btn-light btnx-outline-orange mt-2">Back</a>
	</Link>
	<hr className="mt-2 mb-2" />
	<div className="show_head_wrap">
	<i className="bi bi-house-fill mx-2"></i> ＞
	{blog.title}
	</div>
	</div>
	<div className="card shadow-sm my-2">
	<div className="card-body">
	<h1>{blog.title}</h1>
	Date: {blog.created_at}<br />
	Category : {blog.category.name }
	</div>
	</div>
	<div className="shadow-sm bg-white p-4 mt-2 mb-4">
	<div id="post_item" dangerouslySetInnerHTML={{__html: `${blog.content}`}}>
	</div>
	</div>
	</div>
	<style>{`
	div#post_item img{
	max-width : 100%;
	height : auto;
	}
	.show_head_wrap{ font-size: 1.4rem; }
	.pdf_next_page {
	page-break-before: always;
	background-color: green;
	border: none;
	}
	@media print {
	.hidden_print{
	display: none;
	}
	}
	`}</style>
	</Layout>
	)
	}
	//
	export const getStaticPaths = async () => {
	const dt = LibCommon.formatDate( new Date(), "YYYY-MM-DD_hhmmss");
	const url = process.env.MY_JSON_URL+ '?' + dt
	const req = await fetch( url );
	const json = await req.json();
	const items = json.items
	const paths = []
	items.map((item, index) => {
	let row = { params:
	{ id: item.save_id }
	}
	paths.push(row)
	})
	//console.log(paths)
	return {
	paths: paths,
	fallback: false
	}
	};
	export const getStaticProps = async context => {
	const id = context.params.id
	//console.log(id)
	const dt = LibCommon.formatDate( new Date(), "YYYY-MM-DD_hhmmss");
	const url = process.env.MY_JSON_URL+ '?' + dt
	const req = await fetch( url );
	const json = await req.json();
	let items = json.items
	items = LibCommon.convert_items( items )
	let item = LibCms.get_show_item( items, String(id) )
	item.content = marked(item.content)
	item = LibCms.get_post_itemOne(item , json.category_items)
	//console.log(json.category_items )
	return {
	props: {
	blog: item,
	},
	}

	};