Initial commit

Next.js + Express event management app for Hope Family Church.
2026-07-23 15:26:47 +02:00
commit 3d381944d2
246 changed files with 57565 additions and 0 deletions
@@ -0,0 +1,50 @@
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { EventCard } from "@/components/events/EventCard";
+import { apiFetch } from "@/lib/api";
+
+export const revalidate = 60;
+
+type Event = {
+  id: string;
+  title: string;
+  description?: string;
+  startDate: string;
+  endDate: string;
+  registrationDeadline?: string | null;
+  goLiveAt?: string;
+  price: number;
+  picture?: string;
+  isSoldOut?: boolean;
+  cashupStatus?: string;
+};
+
+export default async function EventsPage() {
+    const events = await apiFetch<Event[]>("/api/events", { nextOptions: { next: { revalidate: 60 } } });
+    const now = Date.now();
+    const upcoming = (events || []).filter(e => {
+        if (e.cashupStatus === "closed") return false;
+        const t = new Date(e.startDate).getTime();
+        return !isNaN(t) && t > now;
+    });
+    const sorted = [...upcoming].sort((a, b) => new Date(a.startDate).getTime() - new Date(b.startDate).getTime());
+
+  return (
+    <div className="min-h-screen flex flex-col">
+      <Navbar />
+      <main className="flex-1 py-10 px-4 max-w-7xl mx-auto w-full">
+        <h1 className="text-3xl font-bold mb-6">All Events</h1>
+        {sorted.length === 0 ? (
+          <p className="text-gray-600">No events available.</p>
+        ) : (
+          <div className="grid gap-6 md:grid-cols-3 sm:grid-cols-2">
+            {sorted.map((event) => (
+              <EventCard key={event.id} event={event} />)
+            )}
+          </div>
+        )}
+      </main>
+      <Footer />
+    </div>
+  );
+}