@@ -0,0 +1,31 @@
1+import { useRouter } from "next/router";
2+import ErrorPage from "../pages/404";
3+import Container from "./Container";
4+import Header from "./Header";
5+import Footer from "./Footer";
6+import SingleColumn from "./SingleColumn";
7+import markdownStyles from "../styles/markdown.module.css";
8+import { decode } from "html-entities";
9+
10+export default function BasicPage({ post, markdown, search }) {
11+ const router = useRouter();
12+ if (!router.isFallback && !post?.slug) {
13+ return <ErrorPage />;
14+ }
15+ return (
16+ <Container>
17+ <SingleColumn>
18+ <Header search={search} />
19+ <section className="flex flex-col layout-narrow">
20+ <h1>{post.title}</h1>
21+ </section>
22+ <div className={"layout-narrow " + markdownStyles["markdown"]}>
23+ <article
24+ dangerouslySetInnerHTML={{ __html: decode(markdown) }}
25+ ></article>
26+ </div>
27+ </SingleColumn>
28+ <Footer />
29+ </Container>
30+ );
31+}