fix(build): preview

.gitignore

@@ -22,4 +22,7 @@ pnpm-debug.log*
 .astro
 
 # nix
-.direnv/
+.direnv/
+
+# vercel
+.vercel/

src/components/ProjectCard.astro

@@ -0,0 +1,11 @@
+---
+import type { CollectionEntry } from "astro:content";
+
+export interface Props {
+  project: CollectionEntry<"projects">;
+}
+
+const { project } = Astro.props;
+---
+
+<article>{project.data.image}</article>

src/pages/404.astro

@@ -1,6 +1 @@
----
-import BasicScripts from "../components/BasicScripts.astro";
----
-
-<BasicScripts />
 <main>404</main>

src/pages/index.astro

@@ -1,15 +1,17 @@
 ---
+import { CollectionEntry, getCollection } from "astro:content";
 import LastFMWidget from "../components/LastFMWidget.svelte";
+import ProjectCard from "../components/ProjectCard.astro";
 import Socials from "../components/Socials.astro";
 import BaseLayout from "../layouts/BaseLayout.astro";
 import { LastFMClient } from "../lib/LastFM.client";
 import "../styles/global.css";
 
-// const dprojects = await getCollection("projects", ({ data }) => {
-//   return data.draft !== true;
-// });
+const dprojects = await getCollection("projects", ({ data }) => {
+  return data.draft !== true;
+});
 
-// const projects: CollectionEntry<"projects">[] = Array(3).fill(dprojects[0]);
+const projects: CollectionEntry<"projects">[] = Array(3).fill(dprojects[0]);
 const lastfm = new LastFMClient(import.meta.env.LASTFM_API_KEY || "", "midkaa");
 const lastFMData = {
   track: (await lastfm.getRecentTracks(1)).tracks[0],
@@ -37,7 +39,7 @@ const lastFMData = {
   </section>
   <section class="project1 noise-container">
     <div class="noise"></div>
-    <div class="noise-underlay">Project 1</div>
+    <div class="noise-underlay"><ProjectCard project={projects[0]} /></div>
   </section>
   <section class="project2 noise-container">
     <div class="noise"></div>

src/pages/projects/[...slug].astro

@@ -1,4 +1,4 @@
----
+<!-- ---
 import { CollectionEntry, getCollection } from "astro:content";
 import Badge from "../../components/Badge.astro";
 import BaseLayout from "../../layouts/BaseLayout.astro";
@@ -52,4 +52,4 @@ const { Content } = await entry.render();
   <article class="prose prose-zinc prose-teal max-w-none dark:prose-invert">
     <Content />
   </article>
-</BaseLayout>
+</BaseLayout> -->