Add generic markdown content, unify markdown utils

Author: kurisu-dotto-komu

CHANGELOG.md

@@ -1,15 +1,14 @@
 ## vNow - fixes/refactoring
 
-- Add info button on the lightbox
-- Standardize importing of markdown to fix that stray css module.
 - Clean up codebase, removing AI stuff.
-- Replace extractMarkdownDescription with import step / LLM
 - Streamline logo style/props logic
 - Clean up sticky nav references
+- Refactor SEO and sitemap
+
 - Ensure the OGs aren't svg eg https://oktech.jp/_astro/cybozu-logo.Ch1fNYi9_1b9AFL.svg
-- Custom 404 page.
-- Fix osx chrome projector view.
-- Regenerate redirects, but disable on new site.
+- Add info button on the lightbox
+- Fix osx chrome projector view
+- Remove redirects
 - Remove map for online evnet
 
 ## vNext

TODO.md

@@ -6,6 +6,7 @@ import icon from "astro-icon";
 import { defineConfig } from "astro/config";
 
 import redirects from "./redirects.json";
+import { remarkDescription, remarkReadingTime } from "./src/utils/remarkPlugins";
 
 // Determine the site URL and base path
 const isVercel = !!process.env.VERCEL_PROJECT_PRODUCTION_URL;
@@ -63,6 +64,9 @@ export default defineConfig({
   },
   integrations: [react(), icon()],
   redirects,
+  markdown: {
+    remarkPlugins: [remarkReadingTime, remarkDescription],
+  },
   experimental: {
     clientPrerender: true,
     contentIntellisense: true,

astro.config.ts

@@ -0,0 +1,7 @@
+---
+title: "Test Article"
+description: "Some SEO Here"
+keywords: ["test article", "test", "article"]
+---
+
+This is a test article.

content/articles/test-article.md

@@ -1,3 +1,9 @@
+---
+title: "Code of Conduct"
+description: "SOme SEO Here"
+keywords: ["code of conduct", "community guidelines", "inclusivity", "safety", "respect", "diversity"]
+---
+
 The OKTech community is made up of a mixture of professionals and volunteers from all over the world, working on every aspect of the whole - including mentorship, teaching, and connecting people.
 
 Diversity is one of our huge strengths, but it can also lead to communication issues and unhappiness. To that end, we have a few ground rules that we ask people to adhere to. This code applies to anyone interacting in community spaces equally, including organizing members.
@@ -42,7 +48,7 @@ Disagreements, both social and technical, happen all the time and the OKTech com
 
 ---
 
-# Code of Conduct - Reporting Guide
+# Reporting Guide
 
 If you believe someone is violating [the code of conduct](/coc) we ask that you report it to [the OKTech organizer](/about#organization) using the [oktechjp@proton.me](mailto:oktechjp@proton.me) email address.
 

content/code-of-conduct.md

@@ -69,6 +69,9 @@
     "tw-to-css": "^0.0.12",
     "typescript": "^5.8.3",
     "yaml": "^2.8.0",
-    "yet-another-react-lightbox": "^3.25.0"
+    "yet-another-react-lightbox": "^3.25.0",
+    "mdast-util-to-string": "^4.0.0",
+    "reading-time": "^1.5.0",
+    "unist-util-visit": "^5.0.0"
   }
 }

package-lock.json

@@ -0,0 +1,25 @@
+---
+interface Props {
+  markdown: string;
+  class?: string;
+}
+
+const { markdown, class: className = "prose prose-lg max-w-none" } = Astro.props;
+
+// Import all markdown files from content directory
+const markdownFiles = import.meta.glob("/content/**/*.md");
+
+// Normalize the path to match the glob pattern
+const fullPath = `/content/${markdown}`;
+
+if (!markdownFiles[fullPath]) {
+  throw new Error(`Markdown file not found: ${fullPath}`);
+}
+
+const module = (await markdownFiles[fullPath]()) as any;
+const { Content } = module;
+---
+
+<div class={className}>
+  <Content />
+</div>

package.json

@@ -80,7 +80,7 @@ export const SEO_DATA: Record<
   "/": {
     title: "Home",
     description:
-      "Join the Osaka Kyoto Tech Meetup Group - A vibrant community for web developers, designers, and tech enthusiasts in the Kansai region. Monthly events, workshops, and networking opportunities.",
+      "Join the OKTech Meetup Group - A vibrant community for web developers, designers, and tech enthusiasts in the Kansai region. Monthly events, workshops, and networking opportunities.",
     keywords: [
       "tech meetup",
       "osaka",
@@ -137,7 +137,7 @@ export const SEO_DATA: Record<
   "/about": {
     title: "About",
     description:
-      "Learn about OKTech - Osaka Kyoto Tech Meetup Group. Our mission is to build a thriving tech community through monthly events, workshops, and networking opportunities in Japan's Kansai region.",
+      "Learn about the OKTech Meetup Group. Our mission is to build a thriving tech community through monthly events, workshops, and networking opportunities in Japan's Kansai region.",
     keywords: [
       "about",
       "community",
@@ -149,38 +149,12 @@ export const SEO_DATA: Record<
       "volunteer",
     ],
   },
-  "/code-of-conduct": {
-    title: "Code of Conduct",
-    description:
-      "Our community guidelines and code of conduct for creating a safe, inclusive, and welcoming environment for all members of the Osaka Kyoto Tech Meetup Group.",
-    keywords: [
-      "code of conduct",
-      "community guidelines",
-      "inclusivity",
-      "safety",
-      "respect",
-      "diversity",
-    ],
-  },
   "/sitemap": {
     title: "Sitemap",
     description:
-      "Site navigation and structure for the Osaka Kyoto Tech Meetup Group website. Find all pages, events, and venues organized in one place.",
+      "Site navigation and structure for the OKTech Meetup Group website. Find all pages, events, and venues organized in one place.",
     keywords: ["sitemap", "navigation", "site structure", "pages", "directory"],
   },
-  // Non-HTML resources for sitemap display only (not for SEO meta tags)
-  "/rss.xml": {
-    title: "RSS Feed",
-    description: "Subscribe to our RSS feed for the latest tech meetup events and updates.",
-  },
-  "/oktech-events.ics": {
-    title: "ICS Calendar Feed",
-    description: "Subscribe to our calendar feed to stay updated with upcoming tech events.",
-  },
-  "/sitemap.xml": {
-    title: "XML Sitemap",
-    description: "XML sitemap for search engines.",
-  },
 };
 
 export const SOCIALS = [