diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
new file mode 100644
index 0000000..9b360aa
--- /dev/null
+++ b/.github/CODEOWNERS
@@ -0,0 +1 @@
+@RPDeshaies
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..b95edfc
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,27 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches:
+      - "**"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      # Checkout
+      - name: Checkout
+        uses: actions/checkout@v4
+      # Use Bun
+      - name: Use Bun
+        uses: oven-sh/setup-bun@v2
+        # with:
+        #   bun-version: 1.1.38
+      # Install
+      - name: Install
+        run: bun install
+      # Build
+      - name: Build
+        run: bun run build
diff --git a/astro.config.mjs b/astro.config.mjs
index f65f21f..5898212 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,12 +1,11 @@
 import mdx from "@astrojs/mdx";
+import netlify from "@astrojs/netlify";
 import react from "@astrojs/react";
 import sitemap from "@astrojs/sitemap";
 import tailwind from "@astrojs/tailwind";
 import { defineConfig } from "astro/config";
 import { constants } from "./src/domains/utils/constants";
 
-import netlify from "@astrojs/netlify";
-
 import partytown from "@astrojs/partytown";
 
 // https://astro.build/config
@@ -29,27 +28,28 @@ export default defineConfig({
         forward: ["dataLayer.push"],
       },
     }),
-    // starlight({
-    //   title: "Keeper Documentation",
-    //   disable404Route: true,
-    //   logo: {
-    //     src: "./public/keeper/name.svg",
-    //     replacesTitle: true,
-    //   },
-    //   sidebar: [
-    //     {
-    //       label: "Documentation",
-    //       autogenerate: {
-    //         directory: "docs",
+    //
+    //   starlight({
+    //     title: "Keeper Documentation",
+    //     disable404Route: true,
+    //     logo: {
+    //       src: "./public/keeper/name.svg",
+    //       replacesTitle: true,
+    //     },
+    //     sidebar: [
+    //       {
+    //         label: "Documentation",
+    //         autogenerate: {
+    //           directory: "docs",
+    //         },
     //       },
+    //     ],
+    //     customCss: ["./src/styles/docs.css"],
+    //     social: {
+    //       discord: "https://farirpgs.com/discord",
+    //       github: "https://github.com/farirpgs/keeper",
     //     },
-    //   ],
-    //   customCss: ["./src/styles/docs.css"],
-    //   social: {
-    //     discord: "https://farirpgs.com/discord",
-    //     github: "https://github.com/farirpgs/keeper",
-    //   },
-    // }),
+    //   }),
   ],
   experimental: {
     contentIntellisense: true,
diff --git a/bun.lockb b/bun.lockb
index 2ae21b7..2d2c226 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index c5fad9d..6b35732 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "@astrojs/mdx": "4.0.1",
     "@astrojs/netlify": "6.0.0",
     "@astrojs/partytown": "^2.1.2",
+    "@astrojs/starlight": "^0.29.2",
     "@astrojs/react": "4.0.0",
     "@astrojs/sitemap": "^3.2.1",
     "@astrojs/tailwind": "5.1.3",
@@ -41,7 +42,7 @@
     "github-slugger": "^2.0.0",
     "lodash": "^4.17.21",
     "lucide-react": "^0.454.0",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "prompts": "^2.4.2",
@@ -49,12 +50,12 @@
     "react-dom": "^18.3.1",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.16",
     "typescript": "^5.7.2",
     "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/node": "^22.10.1",
-    "knip": "^5.38.2"
+    "knip": "^5.39.1"
   }
 }
diff --git a/src/components/server/Footer/Footer.astro b/src/components/server/Footer/Footer.astro
index c8b9560..6357e45 100644
--- a/src/components/server/Footer/Footer.astro
+++ b/src/components/server/Footer/Footer.astro
@@ -11,7 +11,7 @@ const links: Record<string, Record<string, string>> = {
     Discord: "https://farirpgs.com/discord",
     Bluesky: "https://farirpgs.com/bluesky",
     Threads: "https://farirpgs.com/threads",
-    GitHub: "https://github.com/farirpgs",
+    GitHub: "https://github.com/farirpgs/keeper",
   },
   Miscellaneous: {
     Contact: "https://farirpgs.com/contact",
diff --git a/src/components/server/Header/Header.tsx b/src/components/server/Header/Header.tsx
index 5fe5480..cadcaf7 100644
--- a/src/components/server/Header/Header.tsx
+++ b/src/components/server/Header/Header.tsx
@@ -108,22 +108,24 @@ export function Header(props: { theme?: ThemeType }) {
           <Box className="hidden sm:inline-block">
             <DiceRoller theme={props.theme} />
           </Box>
-          <Tooltip content="Documentation">
-            <Button
-              radius="full"
-              size="3"
-              variant="ghost"
-              className="m-0 hidden md:inline-block"
-              style={{
-                fontFamily,
-              }}
-              asChild
-            >
-              <a href={AppUrl.docs()} aria-label="Documentation">
-                <ReaderIcon className="h-[24px] w-[24px]" />
-              </a>
-            </Button>
-          </Tooltip>
+          {false && (
+            <Tooltip content="Documentation">
+              <Button
+                radius="full"
+                size="3"
+                variant="ghost"
+                className="m-0 hidden md:inline-block"
+                style={{
+                  fontFamily,
+                }}
+                asChild
+              >
+                <a href={AppUrl.docs()} aria-label="Documentation">
+                  <ReaderIcon className="h-[24px] w-[24px]" />
+                </a>
+              </Button>
+            </Tooltip>
+          )}
           <Tooltip content="Search">
             <Button
               radius="full"
@@ -212,9 +214,11 @@ export function Header(props: { theme?: ThemeType }) {
                   <Link href={AppUrl.dice()} color="gray">
                     Dice Roller
                   </Link>
-                  <Link href={AppUrl.docs()} color="gray">
-                    Documentation
-                  </Link>
+                  {false && (
+                    <Link href={AppUrl.docs()} color="gray">
+                      Documentation
+                    </Link>
+                  )}
                   <Link href={AppUrl.search({})} color="gray">
                     Search
                   </Link>
diff --git a/src/content.config.ts b/src/content.config.ts
index 74bd231..0d284d9 100644
--- a/src/content.config.ts
+++ b/src/content.config.ts
@@ -1,5 +1,6 @@
 import { glob } from "astro/loaders";
 import { defineCollection, reference, z } from "astro:content";
+
 import { Colors } from "./domains/colors/colors";
 
 const themeSchema = z
@@ -71,7 +72,7 @@ export const collections = {
         weight: z.number().optional().default(0),
         license: z.string().optional(),
         _optimizedImageSrc: z.string().optional(),
-        _slugWithoutLocale: z.string().optional(),
+        _idWithoutLocale: z.string().optional(),
         _locale: z.string().optional(),
       }),
   }),
diff --git a/src/domains/app-url/AppUrl.tsx b/src/domains/app-url/AppUrl.tsx
index 22164d1..805c5ec 100644
--- a/src/domains/app-url/AppUrl.tsx
+++ b/src/domains/app-url/AppUrl.tsx
@@ -20,30 +20,30 @@ export const AppUrl = {
   patreon() {
     return "https://www.patreon.com/bePatron?u=43408921";
   },
-  creator(props: { slug: CollectionEntry<"creators">["id"] }) {
-    return `/creators/${props.slug}/`;
+  creator(props: { id: CollectionEntry<"creators">["id"] }) {
+    return `/creators/${props.id}/`;
   },
-  game(props: { slug: CollectionEntry<"games">["id"] }) {
-    return `/games/${props.slug}/`;
+  game(props: { id: CollectionEntry<"games">["id"] }) {
+    return `/games/${props.id}/`;
   },
-  resource(props: { slug: CollectionEntry<"resources">["id"] }) {
-    return `/resources/${props.slug}/`;
+  resource(props: { id: CollectionEntry<"resources">["id"] }) {
+    return `/resources/${props.id}/`;
   },
   resourcePage(props: {
-    slug: CollectionEntry<"resources">["id"];
+    id: CollectionEntry<"resources">["id"];
     page: string;
   }) {
     const [creatorSegment, resourceSegment, languageSegment] =
-      props.slug.split("/");
+      props.id.split("/");
 
     const pageSegment = props.page ? `${props.page}/` : "";
     if (languageSegment) {
       return `/resources/${creatorSegment}/${resourceSegment}.${languageSegment}/${pageSegment}`;
     }
-    return `/resources/${props.slug}/${pageSegment}`;
+    return `/resources/${props.id}/${pageSegment}`;
   },
-  asset(props: { slug: CollectionEntry<"assets">["id"] }) {
-    return `/games/${props.slug}/`;
+  asset(props: { id: CollectionEntry<"assets">["id"] }) {
+    return `/games/${props.id}/`;
   },
   search(props: { query?: string; type?: SearchType }) {
     const searchParams = new URLSearchParams();
@@ -56,9 +56,9 @@ export const AppUrl = {
     return `/search/?${searchParams.toString()}`;
   },
   githubResource(props: {
-    slug: CollectionEntry<"resources">["id"];
+    id: CollectionEntry<"resources">["id"];
     page: string;
   }) {
-    return `https://github.com/farirpgs/keeper/tree/main/src/content/resources/${props.slug}/index.mdx#${props.page}/`;
+    return `https://github.com/farirpgs/keeper/tree/main/src/content/resources/${props.id}/index.mdx#${props.page}/`;
   },
 };
diff --git a/src/domains/dl/DLAstro.tsx b/src/domains/dl/DLAstro.tsx
index d6b3f97..5a3e802 100644
--- a/src/domains/dl/DLAstro.tsx
+++ b/src/domains/dl/DLAstro.tsx
@@ -7,11 +7,11 @@ export const DLAstro = {
     return { creators };
   },
   async getCreator(props: {
-    slug: CollectionEntry<"creators">["id"];
+    id: CollectionEntry<"creators">["id"];
     includeGames?: boolean;
     includeResources?: boolean;
   }) {
-    const creator = await getEntry("creators", props.slug);
+    const creator = await getEntry("creators", props.id);
 
     let games: Array<CollectionEntry<"games">> = [];
     let resources: Array<CollectionEntry<"resources">> = [];
@@ -41,10 +41,10 @@ export const DLAstro = {
     return { games };
   },
   async getGame(props: {
-    slug: CollectionEntry<"games">["id"];
+    id: CollectionEntry<"games">["id"];
     includeCreator?: boolean;
   }) {
-    const game = await getEntry("games", props.slug);
+    const game = await getEntry("games", props.id);
 
     if (props.includeCreator) {
       const creator = await getEntry("creators", game.data.creator.id);
@@ -78,9 +78,9 @@ export const DLAstro = {
   },
   // ASSET
   async getAssetWithGameAndCreator(props: {
-    slug: CollectionEntry<"assets">["id"];
+    id: CollectionEntry<"assets">["id"];
   }) {
-    const asset = await getEntry("assets", props.slug);
+    const asset = await getEntry("assets", props.id);
 
     const game = await getEntry(asset.data.game);
     const creator = await getEntry(game.data.creator);
@@ -90,30 +90,30 @@ export const DLAstro = {
       creator: creator!,
     };
   },
-  async getAssetsForGame(props: { slug: CollectionEntry<"games">["id"] }) {
+  async getAssetsForGame(props: { id: CollectionEntry<"games">["id"] }) {
     const assets = await getCollection("assets", ({ data }) => {
-      return data.game.id === props.slug;
+      return data.game.id === props.id;
     });
 
     return { assets };
   },
   // RESOURCE
   async getResource(props: {
-    slug: CollectionEntry<"resources">["id"];
+    id: CollectionEntry<"resources">["id"];
     includeCreator?: boolean;
   }) {
-    const [creatorSlug, resourceSlug, locale] = props.slug.split("/");
-    const slugWithoutLocale = [creatorSlug, resourceSlug].join("/");
+    const [creatorId, resourceId, locale] = props.id.split("/");
+    const idWithoutLocale = [creatorId, resourceId].join("/");
     const currentLocale = locale || "en";
-    const resource = await getEntry("resources", props.slug);
+    const resource = await getEntry("resources", props.id);
     const translations = await getCollection("resources", (element) => {
-      return element.id.startsWith(slugWithoutLocale);
+      return element.id.startsWith(idWithoutLocale);
     });
 
     const locales = translations
       .map((element) => {
         const language = element.id
-          .replace(slugWithoutLocale, "")
+          .replace(idWithoutLocale, "")
           .replace("/", "");
         return language || "en";
       })
@@ -129,7 +129,7 @@ export const DLAstro = {
       });
 
     resource.data._locale = currentLocale;
-    resource.data._slugWithoutLocale = slugWithoutLocale;
+    resource.data._idWithoutLocale = idWithoutLocale;
 
     if (props.includeCreator) {
       const creator = await getEntry("creators", resource.data.creator.id);
diff --git a/src/pages/api/getGameWithCreator/[...path]/data.json.ts b/src/pages/api/getGameWithCreator/[...path]/data.json.ts
index 03ce7a8..509fb17 100644
--- a/src/pages/api/getGameWithCreator/[...path]/data.json.ts
+++ b/src/pages/api/getGameWithCreator/[...path]/data.json.ts
@@ -12,7 +12,7 @@ export const GET: APIRoute = async ({ params, request }) => {
     .parse(params) as Params;
 
   const game = await DLAstro.getGame({
-    slug: parsedParams.path,
+    id: parsedParams.path,
     includeCreator: true,
   });
 
diff --git a/src/pages/creators/[creatorSlug]/index.astro b/src/pages/creators/[creatorSlug]/index.astro
index 191eff1..ce0c47c 100644
--- a/src/pages/creators/[creatorSlug]/index.astro
+++ b/src/pages/creators/[creatorSlug]/index.astro
@@ -18,7 +18,7 @@ const props = Astro.props as Props;
 const params = Astro.params as Params;
 
 const { creator, games, resources } = await DLAstro.getCreator({
-  slug: params.creatorSlug,
+  id: params.creatorSlug,
   includeGames: true,
   includeResources: true,
 });
diff --git a/src/pages/games/[creatorSlug]/[gameSlug]/index.astro b/src/pages/games/[creatorSlug]/[gameSlug]/index.astro
index 7e4ae72..060f3e2 100644
--- a/src/pages/games/[creatorSlug]/[gameSlug]/index.astro
+++ b/src/pages/games/[creatorSlug]/[gameSlug]/index.astro
@@ -23,14 +23,14 @@ export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
 const props = Astro.props as Props;
 const params = Astro.params as Params;
 
-const { creator } = await DLAstro.getCreator({ slug: params.creatorSlug });
+const { creator } = await DLAstro.getCreator({ id: params.creatorSlug });
 const { game } = await DLAstro.getGame({
-  slug: (params.creatorSlug +
+  id: (params.creatorSlug +
     "/" +
     params.gameSlug) as CollectionEntry<"games">["id"],
 });
 const { assets } = await DLAstro.getAssetsForGame({
-  slug: (params.creatorSlug +
+  id: (params.creatorSlug +
     "/" +
     params.gameSlug) as CollectionEntry<"games">["id"],
 });
diff --git a/src/pages/og/creators/[creatorSlug]/image.png.ts b/src/pages/og/creators/[creatorSlug]/image.png.ts
index 77a0ddb..0b2960a 100644
--- a/src/pages/og/creators/[creatorSlug]/image.png.ts
+++ b/src/pages/og/creators/[creatorSlug]/image.png.ts
@@ -13,7 +13,7 @@ export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
   const { creator } = await DLAstro.getCreator({
-    slug: params.creatorSlug,
+    id: params.creatorSlug,
   });
 
   return await renderOgImage({
diff --git a/src/pages/og/games/[creatorSlug]/[gameSlug]/[assetSlug]/image.png.ts b/src/pages/og/games/[creatorSlug]/[gameSlug]/[assetSlug]/image.png.ts
index bbaa89d..4a58f2a 100644
--- a/src/pages/og/games/[creatorSlug]/[gameSlug]/[assetSlug]/image.png.ts
+++ b/src/pages/og/games/[creatorSlug]/[gameSlug]/[assetSlug]/image.png.ts
@@ -15,7 +15,7 @@ export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
   const { asset, game, creator } = await DLAstro.getAssetWithGameAndCreator({
-    slug: `${params.creatorSlug}/${params.gameSlug}/${params.assetSlug}` as any,
+    id: `${params.creatorSlug}/${params.gameSlug}/${params.assetSlug}` as any,
   });
 
   const backgroundImage = await getImage({
diff --git a/src/pages/og/games/[creatorSlug]/[gameSlug]/image.png.ts b/src/pages/og/games/[creatorSlug]/[gameSlug]/image.png.ts
index 71d9fa0..527a6f2 100644
--- a/src/pages/og/games/[creatorSlug]/[gameSlug]/image.png.ts
+++ b/src/pages/og/games/[creatorSlug]/[gameSlug]/image.png.ts
@@ -14,9 +14,9 @@ export type Params = {
 export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
-  const { creator } = await DLAstro.getCreator({ slug: params.creatorSlug });
+  const { creator } = await DLAstro.getCreator({ id: params.creatorSlug });
   const { game } = await DLAstro.getGame({
-    slug: `${params.creatorSlug}/${params.gameSlug}` as any,
+    id: `${params.creatorSlug}/${params.gameSlug}` as any,
   });
 
   const backgroundImage = await getImage({
diff --git a/src/pages/og/play/[creatorSlug]/[gameSlug]/image.png.ts b/src/pages/og/play/[creatorSlug]/[gameSlug]/image.png.ts
index bf44a99..995a69a 100644
--- a/src/pages/og/play/[creatorSlug]/[gameSlug]/image.png.ts
+++ b/src/pages/og/play/[creatorSlug]/[gameSlug]/image.png.ts
@@ -14,7 +14,7 @@ export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
   const { game, creator } = await DLAstro.getGame({
-    slug: `${params.creatorSlug}/${params.gameSlug}` as any,
+    id: `${params.creatorSlug}/${params.gameSlug}` as any,
     includeCreator: true,
   });
 
diff --git a/src/pages/og/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/image.png.ts b/src/pages/og/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/image.png.ts
index 0f92b10..db99c56 100644
--- a/src/pages/og/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/image.png.ts
+++ b/src/pages/og/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/image.png.ts
@@ -17,7 +17,7 @@ export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
   const { creator, resource } = await DLAstro.getResource({
-    slug: `${params.creatorSlug}/${params.resourceSlug}` as any,
+    id: `${params.creatorSlug}/${params.resourceSlug}` as any,
     includeCreator: true,
   });
 
diff --git a/src/pages/og/resources/[creatorSlug]/[resourceSlug]/image.png.ts b/src/pages/og/resources/[creatorSlug]/[resourceSlug]/image.png.ts
index 45d05b5..3dd0379 100644
--- a/src/pages/og/resources/[creatorSlug]/[resourceSlug]/image.png.ts
+++ b/src/pages/og/resources/[creatorSlug]/[resourceSlug]/image.png.ts
@@ -16,7 +16,7 @@ export const GET: APIRoute = async (ctx) => {
   const params = ctx.params as Params;
 
   const { creator, resource } = await DLAstro.getResource({
-    slug: `${params.creatorSlug}/${params.resourceSlug}` as any,
+    id: `${params.creatorSlug}/${params.resourceSlug}` as any,
     includeCreator: true,
   });
 
diff --git a/src/pages/play/[creatorSlug]/[gameSlug]/index.astro b/src/pages/play/[creatorSlug]/[gameSlug]/index.astro
index 931bc30..d78ab6e 100644
--- a/src/pages/play/[creatorSlug]/[gameSlug]/index.astro
+++ b/src/pages/play/[creatorSlug]/[gameSlug]/index.astro
@@ -17,14 +17,14 @@ export type Props = InferGetStaticPropsType<typeof getStaticPaths>;
 const props = Astro.props as Props;
 const params = Astro.params as Params;
 
-const { creator } = await DLAstro.getCreator({ slug: params.creatorSlug });
+const { creator } = await DLAstro.getCreator({ id: params.creatorSlug });
 const { game } = await DLAstro.getGame({
-  slug: (params.creatorSlug +
+  id: (params.creatorSlug +
     "/" +
     params.gameSlug) as CollectionEntry<"games">["id"],
 });
 const { assets } = await DLAstro.getAssetsForGame({
-  slug: (params.creatorSlug +
+  id: (params.creatorSlug +
     "/" +
     params.gameSlug) as CollectionEntry<"games">["id"],
 });
diff --git a/src/pages/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/index.astro b/src/pages/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/index.astro
index 890ae52..89f7bec 100644
--- a/src/pages/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/index.astro
+++ b/src/pages/resources/[creatorSlug]/[resourceSlug]/[pageSlug]/index.astro
@@ -25,7 +25,7 @@ const resourceSlug = [
 ].join("/") as CollectionEntry<"resources">["id"];
 
 const { creator, resource, locales } = await DLAstro.getResource({
-  slug: resourceSlug,
+  id: resourceSlug,
   includeCreator: true,
 });
 
diff --git a/src/pages/resources/[creatorSlug]/[resourceSlug]/index.astro b/src/pages/resources/[creatorSlug]/[resourceSlug]/index.astro
index d2b17cd..783d0fa 100644
--- a/src/pages/resources/[creatorSlug]/[resourceSlug]/index.astro
+++ b/src/pages/resources/[creatorSlug]/[resourceSlug]/index.astro
@@ -24,7 +24,7 @@ const resourceSlug = [
 ].join("/") as CollectionEntry<"resources">["id"];
 
 const { creator, resource, locales } = await DLAstro.getResource({
-  slug: resourceSlug,
+  id: resourceSlug,
   includeCreator: true,
 });
 
diff --git a/src/pages/search/index.astro b/src/pages/search/index.astro
index 5cedc8a..d4221ec 100644
--- a/src/pages/search/index.astro
+++ b/src/pages/search/index.astro
@@ -26,7 +26,7 @@ for (const item of games) {
     imageSrc: "",
     type: "games",
     href: AppUrl.game({
-      slug: item.game.id,
+      id: item.game.id,
     }),
     weight: item.game.data.weight,
   });
@@ -45,7 +45,7 @@ for (const item of resources) {
     imageSrc: "",
     type: "resources",
     href: AppUrl.resource({
-      slug: item.resource.id,
+      id: item.resource.id,
     }),
     weight: item.resource.data.weight,
   });
diff --git a/src/routes/CreatorRoute/CreatorRoute.tsx b/src/routes/CreatorRoute/CreatorRoute.tsx
index 3693498..a460dbc 100644
--- a/src/routes/CreatorRoute/CreatorRoute.tsx
+++ b/src/routes/CreatorRoute/CreatorRoute.tsx
@@ -54,7 +54,7 @@ export function CreatorRoute(props: {
               {props.resources.map((resource) => (
                 <Card
                   key={resource.id}
-                  href={AppUrl.resource({ slug: resource.id })}
+                  href={AppUrl.resource({ id: resource.id })}
                   title={resource.data.name}
                   subtitle={props.creator.data.name}
                   accentColor={
@@ -106,7 +106,7 @@ export function CreatorRoute(props: {
               {props.games.map((game) => (
                 <Card
                   key={game.id}
-                  href={AppUrl.game({ slug: game.id })}
+                  href={AppUrl.game({ id: game.id })}
                   title={game.data.name}
                   subtitle={props.creator.data.name}
                   accentColor={
diff --git a/src/routes/GameRoute/GameRoute.tsx b/src/routes/GameRoute/GameRoute.tsx
index e39115e..b12ff2b 100644
--- a/src/routes/GameRoute/GameRoute.tsx
+++ b/src/routes/GameRoute/GameRoute.tsx
@@ -48,7 +48,7 @@ export function GameRoute(props: {
                 <MDXH4 className="mt-[-.5rem]">
                   <Link
                     href={AppUrl.creator({
-                      slug: props.creator.id,
+                      id: props.creator.id,
                     })}
                     color="gray"
                     className="hover:text-[--accent-12]"
@@ -71,7 +71,7 @@ export function GameRoute(props: {
                   <Card>
                     <Flex gap="4" direction="column">
                       {props.gameCover}
-                      <CreateNewCampaignButton gameSlug={props.game.id} />
+                      <CreateNewCampaignButton gameId={props.game.id} />
                       <Text align="center"> — OR — </Text>
                       <Card variant="surface">
                         <Flex gap="4" direction={"column"}>
@@ -95,7 +95,7 @@ export function GameRoute(props: {
                           >
                             {props.assets.map((asset) => (
                               <Box key={asset.id}>
-                                <a href={AppUrl.asset({ slug: asset.id })}>
+                                <a href={AppUrl.asset({ id: asset.id })}>
                                   <Button
                                     size="2"
                                     className={clsx(
diff --git a/src/routes/GameRoute/components/CreateNewCampaignButton.tsx b/src/routes/GameRoute/components/CreateNewCampaignButton.tsx
index 5f7f96c..31ec8c3 100644
--- a/src/routes/GameRoute/components/CreateNewCampaignButton.tsx
+++ b/src/routes/GameRoute/components/CreateNewCampaignButton.tsx
@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { DLStorage } from "../../../domains/dl/DLStorage";
 import { wait } from "../../../domains/utils/wait";
 
-export function CreateNewCampaignButton(props: { gameSlug: string }) {
+export function CreateNewCampaignButton(props: { gameId: string }) {
   const [ready, setReady] = useState(true);
   const [adding, setAdding] = useState(false);
   useEffect(() => {
@@ -20,10 +20,10 @@ export function CreateNewCampaignButton(props: { gameSlug: string }) {
     setAdding(true);
     await wait();
     const id = DLStorage.addCampaign({
-      slug: props.gameSlug,
+      slug: props.gameId,
     });
 
-    location.href = `/play/${props.gameSlug}?id=${id}`;
+    location.href = `/play/${props.gameId}?id=${id}`;
 
     setAdding(false);
   }
diff --git a/src/routes/HomeRoute/HomeRoute.tsx b/src/routes/HomeRoute/HomeRoute.tsx
index a48dac8..14e585e 100644
--- a/src/routes/HomeRoute/HomeRoute.tsx
+++ b/src/routes/HomeRoute/HomeRoute.tsx
@@ -128,7 +128,7 @@ export function HomeRoute(props: {
               <Card
                 key={item.resource.id}
                 href={AppUrl.resource({
-                  slug: item.resource.id,
+                  id: item.resource.id,
                 })}
                 title={item.resource.data.name}
                 subtitle={item.creator.data.name}
@@ -195,7 +195,7 @@ export function HomeRoute(props: {
               <Card
                 key={item.game.id}
                 href={AppUrl.game({
-                  slug: item.game.id,
+                  id: item.game.id,
                 })}
                 title={item.game.data.name}
                 subtitle={item.creator.data.name}
diff --git a/src/routes/PlayCampaignRoute/PlayCampaignRoute.tsx b/src/routes/PlayCampaignRoute/PlayCampaignRoute.tsx
index ffde89d..65e7850 100644
--- a/src/routes/PlayCampaignRoute/PlayCampaignRoute.tsx
+++ b/src/routes/PlayCampaignRoute/PlayCampaignRoute.tsx
@@ -276,9 +276,9 @@ function Game(props: {
                         </>
                       )}
                       {campaignAssetIds.map((assetId, i) => {
-                        const assetSlug = campaignAssets[assetId].slug;
+                        const id = campaignAssets[assetId].slug;
                         const asset = props.assets.find(
-                          (asset) => asset.id === assetSlug,
+                          (asset) => asset.id === id,
                         )!;
                         const isSelected =
                           assetId === campaignManager.selectedAssetId;
diff --git a/src/routes/PreviewGameAssetRoute/PreviewGameAssetRoute.tsx b/src/routes/PreviewGameAssetRoute/PreviewGameAssetRoute.tsx
index 3e569c6..bc90a47 100644
--- a/src/routes/PreviewGameAssetRoute/PreviewGameAssetRoute.tsx
+++ b/src/routes/PreviewGameAssetRoute/PreviewGameAssetRoute.tsx
@@ -71,7 +71,7 @@ export function PreviewGameAssetRoute(props: {
         <MDXH5 className="mt-[-0.5rem]">
           <Link
             href={AppUrl.game({
-              slug: props.game.id,
+              id: props.game.id,
             })}
             color="gray"
             className="hover:text-[--accent-12]"
diff --git a/src/routes/ResourceRoute/ResourceRoute.tsx b/src/routes/ResourceRoute/ResourceRoute.tsx
index 6cb2736..e0ff1d9 100644
--- a/src/routes/ResourceRoute/ResourceRoute.tsx
+++ b/src/routes/ResourceRoute/ResourceRoute.tsx
@@ -161,7 +161,7 @@ export function ResourceRoute(props: {
           <Link
             className="w-full sm:w-[33%]"
             href={AppUrl.resourcePage({
-              slug: props.resource.id,
+              id: props.resource.id,
               page: props.doc.previousPage.id,
             })}
             size="4"
@@ -188,7 +188,7 @@ export function ResourceRoute(props: {
           <Link
             className="w-full sm:w-[33%]"
             href={AppUrl.resourcePage({
-              slug: props.resource.id,
+              id: props.resource.id,
               page: props.doc.nextPage.id,
             })}
             size="4"
@@ -221,7 +221,7 @@ export function ResourceRoute(props: {
         <Flex justify={"end"}>
           <Link
             href={AppUrl.githubResource({
-              slug: props.resource.id,
+              id: props.resource.id,
               page: props.doc.currentPage?.gitHubId || "",
             })}
           >
@@ -253,7 +253,7 @@ export function ResourceRoute(props: {
             <MDXH3>{props.resource.data.name}</MDXH3>
             <Link
               href={AppUrl.creator({
-                slug: props.creator.id,
+                id: props.creator.id,
               })}
               color="gray"
               className="hover:text-[--accent-12]"
@@ -277,7 +277,7 @@ export function ResourceRoute(props: {
                 </Heading>
                 {props.doc.sidebar.categories[category].map((item) => {
                   const itemPatname = AppUrl.resourcePage({
-                    slug: props.resource.id,
+                    id: props.resource.id,
                     page: item.id,
                   });
                   const isFirstPage =
@@ -302,7 +302,7 @@ export function ResourceRoute(props: {
           })}
           {props.doc.sidebar.root.map((item) => {
             const itemPatname = AppUrl.resourcePage({
-              slug: props.resource.id,
+              id: props.resource.id,
               page: item.id,
             });
             const isFirstPage =
@@ -327,8 +327,8 @@ export function ResourceRoute(props: {
             size={"1"}
             onValueChange={(newLocale) => {
               location.href = AppUrl.resourcePage({
-                slug: [
-                  props.resource.data._slugWithoutLocale,
+                id: [
+                  props.resource.data._idWithoutLocale,
                   newLocale === "en" ? "" : newLocale,
                 ].join("/") as CollectionEntry<"resources">["id"],
                 page: "",