chore: rename to template

2025-06-19 16:51:10 +08:00 · 2025-06-19 16:51:10 +08:00 · c011186c37
commit c011186c37
parent 063dfe39e9
46 changed files with 143 additions and 142 deletions
--- a/apps/remix-template/app/root.tsx
+++ b/apps/remix-template/app/root.tsx
@ -0,0 +1,32 @@
+import {
+  Links,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+} from "@remix-run/react";
+import { Analytics } from "@vercel/analytics/react";
+import "./styles.css";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        {children}
+        <ScrollRestoration />
+        <Scripts />
+        <Analytics />
+      </body>
+    </html>
+  );
+}
+
+export default function App() {
+  return <Outlet />;
+}
--- a/apps/remix-template/app/routes/_index.tsx
+++ b/apps/remix-template/app/routes/_index.tsx
@ -0,0 +1,19 @@
+import { CounterButton } from "@repo/ui/counter-button";
+import { Link } from "@repo/ui/link";
+
+export default function Index() {
+  return (
+    <div className="container">
+      <h1 className="title">
+        Blog <br />
+        <span>Kitchen Sink</span>
+      </h1>
+      <CounterButton />
+      <p className="description">
+        Built With <Link href="https://turborepo.com">Turborepo</Link>
+        {" & "}
+        <Link href="https://remix.run/">Remix</Link>
+      </p>
+    </div>
+  );
+}
--- a/apps/remix-template/app/routes/edge.tsx
+++ b/apps/remix-template/app/routes/edge.tsx
@ -0,0 +1,15 @@
+import type { MetaFunction } from "@vercel/remix";
+
+export const config = { runtime: "edge" };
+
+export const meta: MetaFunction = () => [
+  { title: "Remix@Edge | New Remix App" },
+];
+
+export default function Edge() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
+      <h1>Welcome to Remix@Edge</h1>
+    </div>
+  );
+}
--- a/apps/remix-template/app/styles.css
+++ b/apps/remix-template/app/styles.css
@ -0,0 +1,55 @@
+html {
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
+    Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-tap-highlight-color: transparent;
+  line-height: 1.5;
+  tab-size: 4;
+}
+
+body {
+  margin: 0;
+}
+
+.container {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 1.5rem;
+  max-width: 100%;
+  margin: 0 auto;
+  padding: 0 16px;
+  text-align: center;
+}
+
+.title {
+  font-size: 3rem;
+  font-weight: 700;
+  margin: 0;
+}
+
+.title span {
+  display: inline-block;
+  background-image: linear-gradient(to right, #3b82f6, #ef4444);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+.description {
+  color: #9ca3af;
+  font-weight: 500;
+}
+
+.description a {
+  color: #3b82f6;
+  text-decoration: none;
+}
+
+.description a:hover {
+  text-decoration: underline;
+}