feat: add example

examples/next-js-blog/content/blog/sample.md

@@ -0,0 +1,51 @@
+---
+title: "This is a sample markdown file"
+date: "2021-08-01"
+description: "This is a sample markdown file for testing"
+---
+
+## Heading 2
+
+This is a paragraph.
+
+- This is a list item
+- This is another list item
+
+This is a code block:
+
+```javascript
+console.log("Hello, world!");
+```
+
+Also supports inline code: `console.log("Hello, world!")`
+
+This is a link: [Google](https://www.google.com)
+
+This is an image:
+![Image](https://via.placeholder.com/150)
+
+Support GFM
+
+- [x] Task list item 1
+- [ ] Task list item 2
+- [ ] Task list item 3
+
+This is a table:
+
+| Header 1 | Header 2 |
+| -------- | -------- |
+| Cell 1   | Cell 2   |
+| Cell 3   | Cell 4   |
+
+This is a blockquote:
+
+> This is a blockquote
+> This is another line of the blockquote
+
+This is a horizontal rule:
+
+---
+
+And this is a footnote[^1].
+
+[^1]: This is a footnote.

examples/next-js-blog/next.config.mjs

@@ -1,4 +1,17 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  output: "export",
+  webpack: (config, { webpack }) => {
+    return {
+      ...config,
+      plugins: [
+        ...config.plugins,
+        new webpack.IgnorePlugin({
+          resourceRegExp: /^electron$/,
+        }),
+      ],
+    };
+  },
+};
 
 export default nextConfig;

examples/next-js-blog/src/app/blog/[slug]/page.tsx

@@ -0,0 +1,34 @@
+import { parseMarkdownToHTML } from "@saitamau-maximum/markdown-processor/server";
+import Link from "next/link";
+
+import {
+  getBlogDataFromSlug,
+  getBlogPathList,
+  getBlogSlugFromPath,
+} from "../../../util/markdown";
+
+export async function generateStaticParams() {
+  const paths = await getBlogPathList();
+  const slugs = paths.map(getBlogSlugFromPath);
+  return slugs.map((slug) => ({ slug }));
+}
+
+interface Props {
+  params: {
+    slug: string;
+  };
+}
+
+export default async function BlogDetail({ params }: Props) {
+  const { slug } = params;
+  const { data, content } = await getBlogDataFromSlug(slug);
+  const parsed = await parseMarkdownToHTML(content);
+
+  return (
+    <div>
+      <h1>{data.title}</h1>
+      <div dangerouslySetInnerHTML={{ __html: parsed.content }} />
+      <Link href="/">Back to Home</Link>
+    </div>
+  );
+}

examples/next-js-blog/src/app/layout.tsx

@@ -1,6 +1,6 @@
-import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "./globals.css";
+
+import type { Metadata } from "next";
 
 const inter = Inter({ subsets: ["latin"] });