<article class="prose">
  <h1>Garlic bread with cheese: What the science tells us</h1>
  <p>
    For years parents have espoused the health benefits of eating garlic bread
    with cheese to their children, with the food earning such an iconic status
    in our culture that kids will often dress up as warm, cheesy loaf for
    Halloween.
  </p>
  <p>
    But a recent study shows that the celebrated appetizer may be linked to a
    series of rabies cases springing up around the country.
  </p>
</article>

import Article from "@/components/Article";
import About from "@/components/pages/About";
import ArticleList from "@/components/pages/ArticleList";
import Top from "@/components/pages/Top";
import { renderer } from "@/renderer";
import { allArticles } from "contentlayer/generated";
import { Hono } from "hono";
import { ssgParams } from "hono/ssg";
 
const app = new Hono();
 
app.get("*", renderer);
 
app.get("/", (c) => {
  return c.render(<Top />);
});
 
app.get("about", (c) => {
  return c.render(<About />);
});
 
app.get("articles", (c) => {
  return c.render(<ArticleList articles={allArticles} />);
});
 
app.get(
  "articles/:slug",
  ssgParams(async () => {
    return allArticles.map((article) => ({
      slug: article.slug,
    }));
  }),
  async (c) => {
    const slug = c.req.param("slug");
    const article = allArticles.find((a) => a.slug === slug);
    if (!article) {
      return c.notFound();
    }
 
    return c.render(<Article article={article} />);
  }
);
 
export default app;