Initial commit

2026-02-10 01:25:57 +01:00
commit 7020a6a339
53 changed files with 1503 additions and 0 deletions
--- a/apps/web/src/app/globals.css
+++ b/apps/web/src/app/globals.css
@@ -0,0 +1,12 @@
+@import "tailwindcss";
+
+:root {
+  --background: #ffffff;
+  --foreground: #171717;
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  font-family: "Geist", "Segoe UI", sans-serif;
+}
--- a/apps/web/src/app/layout.tsx
+++ b/apps/web/src/app/layout.tsx
@@ -0,0 +1,20 @@
+import type { Metadata } from "next"
+import type { ReactNode } from "react"
+
+import "./globals.css"
+import { Providers } from "./providers"
+
+export const metadata: Metadata = {
+  title: "CMS Web",
+  description: "Public frontend for the CMS monorepo",
+}
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <Providers>{children}</Providers>
+      </body>
+    </html>
+  )
+}
--- a/apps/web/src/app/page.tsx
+++ b/apps/web/src/app/page.tsx
@@ -0,0 +1,37 @@
+import { listPosts } from "@cms/db"
+import { Button } from "@cms/ui/button"
+
+export const dynamic = "force-dynamic"
+
+export default async function HomePage() {
+  const posts = await listPosts()
+
+  return (
+    <main className="mx-auto flex min-h-screen w-full max-w-3xl flex-col gap-6 px-6 py-16">
+      <header className="space-y-3">
+        <p className="text-sm uppercase tracking-[0.2em] text-neutral-500">Web App</p>
+        <h1 className="text-4xl font-semibold tracking-tight">Your Next.js CMS Frontend</h1>
+        <p className="text-neutral-600">
+          This page reads posts through the shared database package.
+        </p>
+      </header>
+
+      <section className="space-y-4 rounded-xl border border-neutral-200 p-6">
+        <div className="flex items-center justify-between">
+          <h2 className="text-xl font-medium">Latest posts</h2>
+          <Button variant="secondary">Explore</Button>
+        </div>
+
+        <ul className="space-y-3">
+          {posts.map((post) => (
+            <li key={post.id} className="rounded-lg border border-neutral-200 p-4">
+              <p className="text-xs uppercase tracking-wide text-neutral-500">{post.status}</p>
+              <h3 className="mt-1 text-lg font-medium">{post.title}</h3>
+              <p className="mt-2 text-sm text-neutral-600">{post.excerpt ?? "No excerpt"}</p>
+            </li>
+          ))}
+        </ul>
+      </section>
+    </main>
+  )
+}
--- a/apps/web/src/app/providers.tsx
+++ b/apps/web/src/app/providers.tsx
@@ -0,0 +1,9 @@
+"use client"
+
+import type { ReactNode } from "react"
+
+import { QueryProvider } from "@/providers/query-provider"
+
+export function Providers({ children }: { children: ReactNode }) {
+  return <QueryProvider>{children}</QueryProvider>
+}