Add Next.js frontends with health endpoints

2026-03-17 03:57:13 -05:00 · 2025-11-21 00:18:26 -06:00
parent 6722782f47
commit 5f958e3755
28 changed files with 397 additions and 0 deletions
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -0,0 +1,14 @@
+:root {
+  color-scheme: dark;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  background-color: #0f1115;
+  color: #f5f6f8;
+}
+
+a {
+  color: inherit;
+}
+
+body {
+  margin: 0;
+}
--- a/apps/web/app/health/route.ts
+++ b/apps/web/app/health/route.ts
@@ -0,0 +1,8 @@
+import { NextResponse } from "next/server";
+
+export async function GET() {
+  return NextResponse.json({
+    service: "blackroad-os-web",
+    status: "ok"
+  });
+}
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -0,0 +1,32 @@
+import "./globals.css";
+import type { ReactNode } from "react";
+
+export const metadata = {
+  title: "BlackRoad OS",
+  description: "The BlackRoad Operating System"
+};
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <header
+          style={{
+            padding: "1rem 2rem",
+            borderBottom: "1px solid #222",
+            display: "flex",
+            justifyContent: "space-between"
+          }}
+        >
+          <div>BlackRoad OS</div>
+          <nav style={{ display: "flex", gap: "1rem" }}>
+            <a href="/" style={{ textDecoration: "none" }}>Home</a>
+            <a href="/docs" style={{ textDecoration: "none" }}>Docs</a>
+            <a href="/health" style={{ textDecoration: "none" }}>Health</a>
+          </nav>
+        </header>
+        <main style={{ padding: "2rem" }}>{children}</main>
+      </body>
+    </html>
+  );
+}
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -0,0 +1,12 @@
+export default function Page() {
+  return (
+    <div>
+      <h1>BlackRoad Operating System</h1>
+      <p>
+        A multi-service, agent-native OS for orchestrating AI, compute,
+        and compliance.
+      </p>
+      <p>Deployed on Railway. Fronted by Cloudflare. Driven by you.</p>
+    </div>
+  );
+}