@stacksjs/defaults 0.75.254 → 0.75.256

package/scaffold/resources/views/index.stx

@@ -0,0 +1,65 @@
+<script server>
+/**
+ * The starter page `buddy new` gives every app, at `/`.
+ *
+ * Everything that names the site comes from the app's own config: the title
+ * from APP_NAME and the canonical URL from APP_URL (via config/app.ts), so a
+ * deploy of an untouched app describes itself rather than anyone else.
+ * Replace this file with your own homepage.
+ */
+import { config } from '@stacksjs/config'
+
+const appName = config.app.name || 'My App'
+
+// APP_URL is often a bare host (`my-app.localhost`), which is not a valid
+// canonical href on its own.
+const rawUrl = String(config.app.url || '').replace(/\/+$/, '')
+const siteUrl = rawUrl && !/^https?:\/\//.test(rawUrl) ? `https://${rawUrl}` : rawUrl
+const canonicalUrl = siteUrl ? `${siteUrl}/` : ''
+
+const pageDescription = `${appName} is up and running.`
+
+const nextSteps = [
+  { icon: 'i-hugeicons-file-edit', title: 'Edit this page', path: 'resources/views/index.stx' },
+  { icon: 'i-hugeicons-database-01', title: 'Define a model', path: 'app/Models' },
+  { icon: 'i-hugeicons-route-01', title: 'Add an API route', path: 'routes/api.ts' },
+  { icon: 'i-hugeicons-settings-02', title: 'Configure the app', path: 'config/app.ts' },
+]
+</script>
+
+@nolayout
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ appName }}</title>
+    <meta name="description" content="{{ pageDescription }}">
+    @if(canonicalUrl)
+      <link rel="canonical" href="{{ canonicalUrl }}">
+    @endif
+  </head>
+  <body class="min-h-screen antialiased text-neutral-900 dark:text-neutral-100 bg-neutral-50 dark:bg-neutral-950">
+    <main class="flex flex-col justify-center mx-auto px-6 py-16 max-w-2xl min-h-screen">
+      <p class="font-medium text-neutral-500 text-sm dark:text-neutral-400">Your app is running</p>
+      <h1 class="mt-2 font-semibold text-4xl tracking-tight">{{ appName }}</h1>
+      <p class="mt-4 text-neutral-600 dark:text-neutral-300">
+        Start with <code class="px-1.5 py-0.5 text-sm bg-neutral-200 dark:bg-neutral-800 rounded">./buddy dev</code>, then make it yours.
+      </p>
+
+      <ul class="mt-10 border-neutral-200 border-y divide-neutral-200 divide-y dark:border-neutral-800 dark:divide-neutral-800">
+        @foreach(nextSteps as step)
+          <li class="flex gap-4 items-center py-4">
+            <span class="{{ step.icon }} size-5 text-neutral-500 dark:text-neutral-400" aria-hidden="true"></span>
+            <span class="font-medium">{{ step.title }}</span>
+            <code class="ml-auto text-neutral-500 text-sm dark:text-neutral-400">{{ step.path }}</code>
+          </li>
+        @endforeach
+      </ul>
+
+      <p class="mt-10 text-neutral-500 text-sm dark:text-neutral-400">
+        <a class="underline underline-offset-4 hover:text-neutral-900 dark:hover:text-neutral-100" href="https://stacksjs.com/docs">Read the Stacks docs</a>
+      </p>
+    </main>
+  </body>
+</html>