CoastalCommitsPastes/client/pages/post/[id].tsx

import type { GetServerSideProps, GetStaticPaths, GetStaticProps } from "next"

import type { Post } from "@lib/types"
import PostPage from "@components/post-page"

export type PostProps = {
	post: Post
}

const PostView = ({ post }: PostProps) => {
	return <PostPage post={post} />
}

export const getServerSideProps: GetServerSideProps = async ({
	params,
	res
}) => {
	const post = await fetch(process.env.API_URL + `/posts/${params?.id}`, {
		method: "GET",
		headers: {
			"Content-Type": "application/json",
			"x-secret-key": process.env.SECRET_KEY || ""
		}
	})

	const sMaxAge = 60 * 60 * 24
	res.setHeader(
		"Cache-Control",
		`public, s-maxage=${sMaxAge}, max-age=${sMaxAge}`
	)

	if (!post.ok || post.status !== 200) {
		return {
			redirect: {
				destination: "/404",
				permanent: false
			},
			props: {}
		}
	}

	const json = await post.json()

	return {
		props: {
			post: json
		}
	}
}

export default PostView