First commit

.github/workflows/build-deploy.yml

@@ -0,0 +1,46 @@
+name: Build and deploy
+
+on:
+    # Runs on pushes targeting the default branch
+    push:
+        branches: ['main']
+
+    # Allows you to run this workflow manually from the Actions tab
+    workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+    contents: read
+    pages: write
+    id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+    group: 'pages'
+    cancel-in-progress: false
+
+jobs:
+    # Single deploy job since we're just deploying
+    build-and-deploy:
+        environment:
+            name: github-pages
+            url: ${{ steps.deployment.outputs.page_url }}
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/checkout@v4
+            - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
+              run: |
+                  npm ci
+                  npm run build
+            - name: Setup Pages
+              uses: actions/configure-pages@v4
+            - name: Upload artifact
+              uses: actions/upload-pages-artifact@v3
+              with:
+                  # Upload entire repository
+                  path: 'build/client'
+            - name: Deploy to GitHub Pages
+              id: deployment
+              uses: actions/deploy-pages@v4

app/routes/_index.tsx

@@ -1,32 +1,36 @@
-import type { MetaFunction } from "@remix-run/node";
+import type { MetaFunction } from '@remix-run/node';
 
 export const meta: MetaFunction = () => {
-  return [
-    { title: "New Remix SPA" },
-    { name: "description", content: "Welcome to Remix (SPA Mode)!" },
-  ];
+    return [
+        { title: 'Remix Rodeo' },
+        { name: 'description', content: 'Welcome to Remix Rodeo!' }
+    ];
 };
 
 export default function Index() {
-  return (
-    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
-      <h1>Welcome to Remix (SPA Mode)</h1>
-      <ul>
-        <li>
-          <a
-            target="_blank"
-            href="https://remix.run/future/spa-mode"
-            rel="noreferrer"
-          >
-            SPA Mode Guide
-          </a>
-        </li>
-        <li>
-          <a target="_blank" href="https://remix.run/docs" rel="noreferrer">
-            Remix Docs
-          </a>
-        </li>
-      </ul>
-    </div>
-  );
+    return (
+        <div style={{ fontFamily: 'system-ui, sans-serif', lineHeight: '1.8' }}>
+            <h1>Remix Rodeo 🤠</h1>
+            <ul>
+                <li>
+                    <a
+                        target="_blank"
+                        href="https://remix.run/future/spa-mode"
+                        rel="noreferrer"
+                    >
+                        SPA Mode Guide
+                    </a>
+                </li>
+                <li>
+                    <a
+                        target="_blank"
+                        href="https://remix.run/docs"
+                        rel="noreferrer"
+                    >
+                        Remix Docs
+                    </a>
+                </li>
+            </ul>
+        </div>
+    );
 }

vite.config.ts

@@ -1,12 +1,14 @@
-import { vitePlugin as remix } from "@remix-run/dev";
-import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
+import { vitePlugin as remix } from '@remix-run/dev';
+import { defineConfig } from 'vite';
+import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
-  plugins: [
-    remix({
-      ssr: false,
-    }),
-    tsconfigPaths(),
-  ],
+    base: '/remix-rode-april/',
+    plugins: [
+        remix({
+            basename: '/remix-rode-april/',
+            ssr: false
+        }),
+        tsconfigPaths()
+    ]
 });