feat: implemented the empty webpage

kurone-kito · May 12, 2024 · 6a67ad8 · 6a67ad8
1 parent 397465d
commit 6a67ad8
Show file tree

Hide file tree

Showing 7 changed files with 55 additions and 0 deletions.
diff --git a/.eslintignore b/.eslintignore
@@ -348,6 +348,9 @@ $RECYCLE.BIN/
 
 ### THE PROJECT SPECIFIES #################################################
 
+### CSS ###
+*.css
+
 ### Unity ###
 # Ignore all files
 [Aa]ssets

diff --git a/src/app.css b/src/app.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/src/app.tsx b/src/app.tsx
@@ -0,0 +1,18 @@
+import { Router } from '@solidjs/router';
+import { FileRoutes } from '@solidjs/start/router';
+import { Suspense } from 'solid-js';
+import './app.css';
+
+export default function App() {
+  return (
+    <Router
+      root={(props) => (
+        <>
+          <Suspense>{props.children}</Suspense>
+        </>
+      )}
+    >
+      <FileRoutes />
+    </Router>
+  );
+}
diff --git a/src/entry-client.tsx b/src/entry-client.tsx
@@ -0,0 +1,4 @@
+// @refresh reload
+import { mount, StartClient } from '@solidjs/start/client';
+
+mount(() => <StartClient />, document.getElementById('app')!);
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
@@ -0,0 +1,21 @@
+// @refresh reload
+import { createHandler, StartServer } from '@solidjs/start/server';
+
+export default createHandler(() => (
+  <StartServer
+    document={({ assets, children, scripts }) => (
+      <html lang="en">
+        <head>
+          <meta charset="utf-8" />
+          <meta name="viewport" content="width=device-width, initial-scale=1" />
+          <link rel="icon" href="/favicon.ico" />
+          {assets}
+        </head>
+        <body>
+          <div id="app">{children}</div>
+          {scripts}
+        </body>
+      </html>
+    )}
+  />
+));
diff --git a/src/global.d.ts b/src/global.d.ts
@@ -0,0 +1 @@
+/// <reference types="@solidjs/start/env" />
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
@@ -0,0 +1,5 @@
+export default () => (
+  <main>
+    <h1 class="bg-slate-600">Hello, World!</h1>
+  </main>
+);