diff --git a/src/routes/playlist/[slug]/+page.server.ts b/src/routes/playlist/[id]/+page.server.ts
similarity index 78%
rename from src/routes/playlist/[slug]/+page.server.ts
rename to src/routes/playlist/[id]/+page.server.ts
index 0e48000..e9594fe 100644
--- a/src/routes/playlist/[slug]/+page.server.ts
+++ b/src/routes/playlist/[id]/+page.server.ts
@@ -2,5 +2,5 @@ import type { PageServerLoad } from './$types';
 import { getSongsFromPlaylist, listPlaylists } from "$lib/server/songs.ts";
 
 export const load: PageServerLoad = async ({ params }) => ({
-  playlist: await getSongsFromPlaylist(params.slug)
+  playlist: await getSongsFromPlaylist(params.id)
 })
diff --git a/src/routes/playlist/[slug]/+page.svelte b/src/routes/playlist/[id]/+page.svelte
similarity index 100%
rename from src/routes/playlist/[slug]/+page.svelte
rename to src/routes/playlist/[id]/+page.svelte
diff --git a/src/routes/playlists/[slug]/+page.server.ts b/src/routes/playlists/[category]/+page.server.ts
similarity index 87%
rename from src/routes/playlists/[slug]/+page.server.ts
rename to src/routes/playlists/[category]/+page.server.ts
index 35029f0..04b6c0a 100644
--- a/src/routes/playlists/[slug]/+page.server.ts
+++ b/src/routes/playlists/[category]/+page.server.ts
@@ -3,7 +3,7 @@ import { listPlaylists } from "$lib/server/songs.ts";
 
 // TODO: slug should be "my" or "recommended", fetch accordingly
 export const load: PageServerLoad = async ({ params }) => {
-  const isMine = params.slug === 'my'
+  const isMine = params.category === 'my'
   return {
     playlists: await listPlaylists(),
     isMine
diff --git a/src/routes/playlists/[slug]/+page.svelte b/src/routes/playlists/[category]/+page.svelte
similarity index 100%
rename from src/routes/playlists/[slug]/+page.svelte
rename to src/routes/playlists/[category]/+page.svelte