Merge pull request #273 from arekmaz/examples-remix

add remix example
evoluhq · Dec 3, 2023 · de9cbdf · de9cbdf · vercel · Dec 3, 2023
2 parents 957f431 + d58a288
commit de9cbdf
Show file tree

Hide file tree

Showing 15 changed files with 13,218 additions and 1 deletion.
diff --git a/examples/remix/.gitignore b/examples/remix/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+
+/.cache
+/build
+/public/build
+.env
diff --git a/examples/remix/README.md b/examples/remix/README.md
@@ -0,0 +1,41 @@
+# templates/unstable-vite-express
+
+⚠️ Remix support for Vite is unstable and not recommended for production.
+
+📖 See the [Remix Vite docs][remix-vite-docs] for details on supported features.
+
+## Setup
+
+```shellscript
+npx create-remix@latest --template remix-run/remix/templates/unstable-vite-express
+```
+
+## Run
+
+Spin up the Express server as a dev server:
+
+```shellscript
+npm run dev
+```
+
+Or build your app for production and run it:
+
+```shellscript
+npm run build
+npm run start
+```
+
+## Customize
+
+Remix exposes APIs for integrating Vite with a custom server:
+
+```ts
+import {
+  unstable_createViteServer,
+  unstable_loadViteServerBuild,
+} from "@remix-run/dev";
+```
+
+In this template, we'll use Express but remember that these APIs can be used with _any_ Node-compatible server setup that supports standard middleware.
+
+[remix-vite-docs]: https://remix.run/docs/en/main/future/vite
diff --git a/examples/remix/app/root.tsx b/examples/remix/app/root.tsx
@@ -0,0 +1,29 @@
+import {
+  Links,
+  LiveReload,
+  Meta,
+  Outlet,
+  Scripts,
+  ScrollRestoration,
+} from "@remix-run/react";
+
+import "./tailwind.css";
+
+export default function App() {
+  return (
+    <html lang="en">
+      <head>
+        <meta charSet="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <Meta />
+        <Links />
+      </head>
+      <body>
+        <Outlet />
+        <ScrollRestoration />
+        <Scripts />
+        <LiveReload />
+      </body>
+    </html>
+  );
+}