chore: init

2025-02-05 18:05:56 +06:00
commit 5f99ba28c4
19 changed files with 4546 additions and 0 deletions
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -0,0 +1,47 @@
+---
+import fetchApi from "../../lib/strapi";
+import type { ArticleData } from "../../interfaces/article";
+import Markdown from "../../components/Markdown.astro";
+
+export async function getStaticPaths() {
+  const articles = await fetchApi<ArticleData[]>({
+    endpoint: "articles",
+    wrappedByKey: "data",
+  });
+
+  console.log(articles);
+
+  return articles.map((article) => ({
+    params: { slug: article.slug },
+    props: { article },
+  }));
+}
+type Props = {
+  article: ArticleData;
+};
+
+const { article } = Astro.props;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>{article.title}</title>
+  </head>
+
+  <body>
+    <main>
+      {
+        article.image && (
+          <img
+            src={import.meta.env.STRAPI_URL + article.image}
+            alt={article.title}
+          />
+        )
+      }
+      <h1>{article.title}</h1>
+
+      <Markdown content={article.content} />
+    </main>
+  </body>
+</html>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -0,0 +1,32 @@
+---
+import fetchApi from "../lib/strapi";
+import type { ArticleData } from "../interfaces/article";
+
+const articles = await fetchApi<ArticleData[]>({
+  endpoint: "articles?populate=image",
+  wrappedByKey: "data",
+});
+
+console.log('Articles response:', articles);
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <title>Blog</title>
+  </head>
+
+  <body>
+    <main>
+      <ul>
+        {
+          articles.map((article) => (
+            <li>
+              <a href={`/blog/${article.slug}/`}>{article.title}</a>
+            </li>
+          ))
+        }
+      </ul>
+    </main>
+  </body>
+</html>