diff --git a/routes/pages/[name].tsx b/routes/pages/[name].tsx
index 8833130..a8b26a1 100644
--- a/routes/pages/[name].tsx
+++ b/routes/pages/[name].tsx
@@ -1,14 +1,26 @@
-import { PageProps } from "$fresh/server.ts";
+import { PageProps, Handlers } from "$fresh/server.ts";
 import { Head } from "$fresh/runtime.ts";
+import { get_pages_meta, PageDescription } from "../../pages.ts";
 import StockList from "../../islands/StockList.tsx";
 
+export const handler: Handlers = {
+  async GET(_req, ctx) {
+    const [pages, _] = await get_pages_meta();
+    const name = ctx.params.name;
+    const page = pages.filter(x=> x.name === name);
+    if (page.length === 0) {
+      return await ctx.renderNotFound();
+    }
+    return await ctx.render(page[0]);
+  },
+};
 
-export default function Pages(props: PageProps) {
+export default function Pages(props: PageProps<PageDescription>) {
   return <>
     <Head>
         <title>Stock: {props.params.name}</title>
     </Head>
-    <div class="px-4 py-8 mx-auto bg-[#86efac]">
+    <div class="px-4 py-8 mx-auto bg-[#86efac] min-h-screen">
       <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
           <img
             class="my-6"
@@ -18,6 +30,7 @@ export default function Pages(props: PageProps) {
             alt="stock graph"
           />
         <h1 class="text-4xl">{props.params.name}</h1>
+        <p>{props.data.description}</p>
         <StockList pageName={props.params.name}></StockList>
       </div>
     </div>
