Update Remix example

react18-tools · Jun 9, 2024 · cef7a8a · cef7a8a
1 parent 31e7f99
commit cef7a8a
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 8 deletions.
diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
@@ -3,6 +3,8 @@ import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from "@re
 import { Analytics } from "@vercel/analytics/react";
 import styles from "./styles.css";
 import { Layout } from "@repo/shared/dist/server";
+import { Core } from "nextjs-darkmode";
+import { Header } from "@repo/shared";
 
 /** Page metadata */
 export const meta: MetaFunction = () => [
@@ -26,6 +28,8 @@ export default function App(): JSX.Element {
       </head>
       <body>
         <Layout>
+          <Core t="background .5s" />
+          <Header />
           <Outlet />
         </Layout>
         <ScrollRestoration />

diff --git a/examples/remix/app/routes/_index.tsx b/examples/remix/app/routes/_index.tsx
@@ -1,11 +1,11 @@
+import { Demo } from "@repo/shared";
+import { LandingPage } from "@repo/shared/dist/server";
+
 /** Remix App */
 export default function Index(): JSX.Element {
   return (
-    <div className="container">
-      <h1 className="title">
-        Blog <br />
-        <span>Turborepo Template</span>
-      </h1>
-    </div>
+    <LandingPage title="Remix Example">
+      <Demo />
+    </LandingPage>
   );
 }
diff --git a/examples/remix/app/styles.css b/examples/remix/app/styles.css
@@ -1,6 +1,7 @@
-@import "react18-themes/styles.css";
+@import "nextjs-darkmode/css";
 @import "@repo/shared/dist/global.css";
 @import "@repo/shared/dist";
+@import "react18-loaders/dist";
 
 html {
   font-family:

diff --git a/examples/vite/package.json b/examples/vite/package.json
@@ -4,7 +4,7 @@
   "private": true,
   "scripts": {
     "build": "vite build",
-    "start": "vite serve",
+    "start": "vite preview",
     "clean": "rm -rf dist",
     "dev": "vite --host 0.0.0.0 --port 3001 --clearScreen false",
     "typecheck": "tsc --noEmit",