Add dotenv, fix lint issues, add header link

Author: brophdawg11

.github/workflows/pages.yml

@@ -18,6 +18,8 @@ jobs:
     if: github.repository == 'remix-run/remix-v2-website'
     name: 🏗 Build
     runs-on: ubuntu-latest
+    env:
+      GH_TOKEN: ${{ github.token }}
     steps:
       - name: ⬇️ Checkout repo
         uses: actions/checkout@v4
@@ -31,7 +33,7 @@ jobs:
         run: npm ci
 
       - name: 🏗 Build
-        run: npm run build
+        run: npm run build:ci
 
       - name: ⬆️ Upload static files as artifact
         uses: actions/upload-pages-artifact@v3

app/routes/_extras.resources._index/data.server.ts

@@ -1,12 +1,7 @@
-import {
-  getAllResources,
-  type Category,
-  type Resource,
-} from "~/lib/resources.server";
-import { categories } from "./ui";
+import { getAllResources } from "~/lib/resources.server";
 import { octokit } from "~/lib/github.server";
 
-export async function getResourcesForRequest(request: Request) {
+export async function getResourcesForRequest() {
   let resources = await getAllResources({ octokit });
   return {
     resources,

app/routes/docs.tsx

@@ -150,6 +150,7 @@ function Header() {
             <div className="hidden items-center md:flex">
               <HeaderMenuLink to={href("/docs")}>Docs</HeaderMenuLink>
               <HeaderMenuLink to="https://remix.run/blog">Blog</HeaderMenuLink>
+              <HeaderMenuLink to="/resources">Resources</HeaderMenuLink>
             </div>
             <div className="flex items-center gap-2">
               <HeaderLink
@@ -375,6 +376,7 @@ function HeaderMenuMobile({ className = "" }: { className: string }) {
         <div className="flex flex-col">
           <HeaderMenuLink to={href("/docs")}>Docs</HeaderMenuLink>
           <HeaderMenuLink to="https://remix.run/blog">Blog</HeaderMenuLink>
+          <HeaderMenuLink to={href("/resources")}>Resources</HeaderMenuLink>
         </div>
       </DetailsPopup>
     </DetailsMenu>

app/ui/header.tsx

@@ -38,6 +38,7 @@ export function Header({
       <nav className="hidden gap-8 md:flex" aria-label="Main">
         <HeaderLink to={href("/docs")}>Docs</HeaderLink>
         <HeaderLink to="https://remix.run/blog">Blog</HeaderLink>
+        <HeaderLink to={href("/resources")}>Resources</HeaderLink>
       </nav>
 
       <HeaderMenuMobile className="md:hidden" />
@@ -65,6 +66,7 @@ function HeaderMenuMobile({ className = "" }: { className: string }) {
         <nav className="flex flex-col gap-2 px-2 py-2.5">
           <HeaderLink to={href("/docs")}>Docs</HeaderLink>
           <HeaderLink to="https://remix.run/blog">Blog</HeaderLink>
+          <HeaderLink to={href("/resources")}>Resources</HeaderLink>
         </nav>
       </DetailsPopup>
     </DetailsMenu>

package-lock.json

@@ -7,7 +7,8 @@
   "sideEffects": false,
   "type": "module",
   "scripts": {
-    "build": "react-router build",
+    "build": "NODE_OPTIONS=\"-r dotenv/config\" npx react-router build",
+    "build:ci": "react-router build",
     "dev": "react-router dev",
     "format": "prettier --write ./",
     "start": "sirv -p 5173 build/client",
@@ -63,6 +64,7 @@
     "@vitejs/plugin-react": "^4.4.1",
     "@vitest/coverage-v8": "^3.2.4",
     "autoprefixer": "^10.4.21",
+    "dotenv": "^17.2.1",
     "happy-dom": "^17.4.4",
     "oxlint": "^1.12.0",
     "postcss": "^8.4.33",