76 lines
1.9 KiB
TypeScript
76 lines
1.9 KiB
TypeScript
|
/////////////////////////////////////////////
|
||
|
|
//* IMPORTS
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
import React from "react";
|
||
|
|
import { Metadata, ResolvingMetadata } from "next";
|
||
|
|
import datasquirel from "datasquirel";
|
||
|
|
|
||
|
|
import { redirect } from "next/navigation";
|
||
|
|
import Main from "./Main";
|
||
|
|
|
||
|
|
export const revalidate = 3600;
|
||
|
|
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
//* Metadata
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
|
||
|
|
async function getPost({ single }: { single: string }) {
|
||
|
|
const postResponse = await datasquirel.get({
|
||
|
|
key: process.env.DATASQUIREL_API_KEY,
|
||
|
|
db: process.env.DB_NAME,
|
||
|
|
query: "select * from blog_posts where slug = ?",
|
||
|
|
queryValues: [single],
|
||
|
|
});
|
||
|
|
|
||
|
|
const post =
|
||
|
|
postResponse?.success && postResponse.payload?.[0]
|
||
|
|
? postResponse.payload[0]
|
||
|
|
: null;
|
||
|
|
|
||
|
|
return post;
|
||
|
|
}
|
||
|
|
|
||
|
|
export async function generateMetadata(
|
||
|
|
{ params, searchParams }: any,
|
||
|
|
parent: ResolvingMetadata
|
||
|
|
): Promise<Metadata> {
|
||
|
|
const single = params.single;
|
||
|
|
|
||
|
|
const post = await getPost({ single: single });
|
||
|
|
|
||
|
|
return {
|
||
|
|
title: post.title,
|
||
|
|
description: post.excerpt,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
//* Main Function
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
/**
|
||
|
|
* Blog page index
|
||
|
|
* ==============================================================================
|
||
|
|
*/
|
||
|
|
export default async function BlogIndex({
|
||
|
|
params: { single },
|
||
|
|
}: {
|
||
|
|
params: any;
|
||
|
|
}) {
|
||
|
|
//* Data fetching
|
||
|
|
const post = await getPost({ single: single });
|
||
|
|
|
||
|
|
if (!post) {
|
||
|
|
return redirect("/blog");
|
||
|
|
}
|
||
|
|
|
||
|
|
//* Main Function Return
|
||
|
|
/////////////////////////////////////////////
|
||
|
|
return (
|
||
|
|
<React.Fragment>
|
||
|
|
<Main post={post} />
|
||
|
|
</React.Fragment>
|
||
|
|
);
|
||
|
|
|
||
|
|
/** ********************************************** */
|
||
|
|
}
|