diff --git a/apps/web/src/pages/profile/Profile.tsx b/apps/web/src/pages/profile/Profile.tsx
index 87d111d0..01ba3a4f 100644
--- a/apps/web/src/pages/profile/Profile.tsx
+++ b/apps/web/src/pages/profile/Profile.tsx
@@ -6,6 +6,7 @@ import { Tab, Tabs } from "baseui/tabs-motion";
 import { HeadingMedium, LabelLarge } from "baseui/typography";
 import dayjs from "dayjs";
 import { useAtom, useSetAtom } from "jotai";
+import _ from "lodash";
 import { Key, useEffect, useState } from "react";
 import { profilesAtom } from "../../atoms/profiles";
 import { userAtom } from "../../atoms/user";
@@ -24,9 +25,15 @@ const Group = styled.div`
   margin-bottom: 50px;
 `;
 
-function Profile() {
+export type ProfileProps = {
+  activeKey?: string;
+};
+
+function Profile(props: ProfileProps) {
   const [profiles, setProfiles] = useAtom(profilesAtom);
-  const [activeKey, setActiveKey] = useState<Key>("0");
+  const [activeKey, setActiveKey] = useState<Key>(
+    _.get(props, "activeKey", "0").split("/")[0]
+  );
   const { did } = useParams({ strict: false });
   const profile = useProfileByDidQuery(did!);
   const setUser = useSetAtom(userAtom);
@@ -167,7 +174,9 @@ function Profile() {
                 },
               }}
             >
-              <Library />
+              <Library
+                activeKey={_.get(props, "activeKey", "0").split("/")[1] || "0"}
+              />
             </Tab>
             <Tab
               title="Playlists"
diff --git a/apps/web/src/pages/profile/library/Library.tsx b/apps/web/src/pages/profile/library/Library.tsx
index f95c594c..d69ed608 100644
--- a/apps/web/src/pages/profile/library/Library.tsx
+++ b/apps/web/src/pages/profile/library/Library.tsx
@@ -1,14 +1,21 @@
 import { useSearch } from "@tanstack/react-router";
 import { Tab, Tabs } from "baseui/tabs-motion";
 import { HeadingSmall } from "baseui/typography";
+import _ from "lodash";
 import { Key, useEffect, useState } from "react";
 import RecentTracks from "../overview/recenttracks";
 import TopArtists from "../overview/topartists";
 import TopTracks from "../overview/toptracks";
 import Albums from "./albums";
 
-function Library() {
-  const [activeKey, setActiveKey] = useState<Key>("0");
+export type LibraryProps = {
+  activeKey?: string;
+};
+
+function Library(props: LibraryProps) {
+  const [activeKey, setActiveKey] = useState<Key>(
+    _.get(props, "activeKey", "0")
+  );
   const { tab } = useSearch({ strict: false });
   console.log("tab", tab);
 
diff --git a/apps/web/src/routeTree.gen.ts b/apps/web/src/routeTree.gen.ts
index c7acf7c6..8a60e90c 100644
--- a/apps/web/src/routeTree.gen.ts
+++ b/apps/web/src/routeTree.gen.ts
@@ -15,9 +15,17 @@ import { Route as ApikeysRouteImport } from './routes/apikeys'
 import { Route as IndexRouteImport } from './routes/index'
 import { Route as GoogledriveIndexRouteImport } from './routes/googledrive/index'
 import { Route as DropboxIndexRouteImport } from './routes/dropbox/index'
-import { Route as ProfileDidRouteImport } from './routes/profile.$did'
 import { Route as GoogledriveIdRouteImport } from './routes/googledrive/$id'
 import { Route as DropboxIdRouteImport } from './routes/dropbox/$id'
+import { Route as ProfileDidIndexRouteImport } from './routes/profile/$did/index'
+import { Route as ProfileDidTracksRouteImport } from './routes/profile/$did/tracks'
+import { Route as ProfileDidTagsRouteImport } from './routes/profile/$did/tags'
+import { Route as ProfileDidScrobblesRouteImport } from './routes/profile/$did/scrobbles'
+import { Route as ProfileDidPlaylistsRouteImport } from './routes/profile/$did/playlists'
+import { Route as ProfileDidLikesRouteImport } from './routes/profile/$did/likes'
+import { Route as ProfileDidLibraryRouteImport } from './routes/profile/$did/library'
+import { Route as ProfileDidArtistsRouteImport } from './routes/profile/$did/artists'
+import { Route as ProfileDidAlbumsRouteImport } from './routes/profile/$did/albums'
 import { Route as DidSongRkeyRouteImport } from './routes/$did.song.$rkey'
 import { Route as DidScrobbleRkeyRouteImport } from './routes/$did.scrobble.$rkey'
 import { Route as DidPlaylistRkeyRouteImport } from './routes/$did.playlist.$rkey'
@@ -54,11 +62,6 @@ const DropboxIndexRoute = DropboxIndexRouteImport.update({
   path: '/dropbox/',
   getParentRoute: () => rootRouteImport,
 } as any)
-const ProfileDidRoute = ProfileDidRouteImport.update({
-  id: '/profile/$did',
-  path: '/profile/$did',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const GoogledriveIdRoute = GoogledriveIdRouteImport.update({
   id: '/googledrive/$id',
   path: '/googledrive/$id',
@@ -69,6 +72,51 @@ const DropboxIdRoute = DropboxIdRouteImport.update({
   path: '/dropbox/$id',
   getParentRoute: () => rootRouteImport,
 } as any)
+const ProfileDidIndexRoute = ProfileDidIndexRouteImport.update({
+  id: '/profile/$did/',
+  path: '/profile/$did/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidTracksRoute = ProfileDidTracksRouteImport.update({
+  id: '/profile/$did/tracks',
+  path: '/profile/$did/tracks',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidTagsRoute = ProfileDidTagsRouteImport.update({
+  id: '/profile/$did/tags',
+  path: '/profile/$did/tags',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidScrobblesRoute = ProfileDidScrobblesRouteImport.update({
+  id: '/profile/$did/scrobbles',
+  path: '/profile/$did/scrobbles',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidPlaylistsRoute = ProfileDidPlaylistsRouteImport.update({
+  id: '/profile/$did/playlists',
+  path: '/profile/$did/playlists',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidLikesRoute = ProfileDidLikesRouteImport.update({
+  id: '/profile/$did/likes',
+  path: '/profile/$did/likes',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidLibraryRoute = ProfileDidLibraryRouteImport.update({
+  id: '/profile/$did/library',
+  path: '/profile/$did/library',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidArtistsRoute = ProfileDidArtistsRouteImport.update({
+  id: '/profile/$did/artists',
+  path: '/profile/$did/artists',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ProfileDidAlbumsRoute = ProfileDidAlbumsRouteImport.update({
+  id: '/profile/$did/albums',
+  path: '/profile/$did/albums',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const DidSongRkeyRoute = DidSongRkeyRouteImport.update({
   id: '/$did/song/$rkey',
   path: '/$did/song/$rkey',
@@ -102,7 +150,6 @@ export interface FileRoutesByFullPath {
   '/scrobble': typeof ScrobbleRoute
   '/dropbox/$id': typeof DropboxIdRoute
   '/googledrive/$id': typeof GoogledriveIdRoute
-  '/profile/$did': typeof ProfileDidRoute
   '/dropbox': typeof DropboxIndexRoute
   '/googledrive': typeof GoogledriveIndexRoute
   '/$did/album/$rkey': typeof DidAlbumRkeyRoute
@@ -110,6 +157,15 @@ export interface FileRoutesByFullPath {
   '/$did/playlist/$rkey': typeof DidPlaylistRkeyRoute
   '/$did/scrobble/$rkey': typeof DidScrobbleRkeyRoute
   '/$did/song/$rkey': typeof DidSongRkeyRoute
+  '/profile/$did/albums': typeof ProfileDidAlbumsRoute
+  '/profile/$did/artists': typeof ProfileDidArtistsRoute
+  '/profile/$did/library': typeof ProfileDidLibraryRoute
+  '/profile/$did/likes': typeof ProfileDidLikesRoute
+  '/profile/$did/playlists': typeof ProfileDidPlaylistsRoute
+  '/profile/$did/scrobbles': typeof ProfileDidScrobblesRoute
+  '/profile/$did/tags': typeof ProfileDidTagsRoute
+  '/profile/$did/tracks': typeof ProfileDidTracksRoute
+  '/profile/$did': typeof ProfileDidIndexRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -118,7 +174,6 @@ export interface FileRoutesByTo {
   '/scrobble': typeof ScrobbleRoute
   '/dropbox/$id': typeof DropboxIdRoute
   '/googledrive/$id': typeof GoogledriveIdRoute
-  '/profile/$did': typeof ProfileDidRoute
   '/dropbox': typeof DropboxIndexRoute
   '/googledrive': typeof GoogledriveIndexRoute
   '/$did/album/$rkey': typeof DidAlbumRkeyRoute
@@ -126,6 +181,15 @@ export interface FileRoutesByTo {
   '/$did/playlist/$rkey': typeof DidPlaylistRkeyRoute
   '/$did/scrobble/$rkey': typeof DidScrobbleRkeyRoute
   '/$did/song/$rkey': typeof DidSongRkeyRoute
+  '/profile/$did/albums': typeof ProfileDidAlbumsRoute
+  '/profile/$did/artists': typeof ProfileDidArtistsRoute
+  '/profile/$did/library': typeof ProfileDidLibraryRoute
+  '/profile/$did/likes': typeof ProfileDidLikesRoute
+  '/profile/$did/playlists': typeof ProfileDidPlaylistsRoute
+  '/profile/$did/scrobbles': typeof ProfileDidScrobblesRoute
+  '/profile/$did/tags': typeof ProfileDidTagsRoute
+  '/profile/$did/tracks': typeof ProfileDidTracksRoute
+  '/profile/$did': typeof ProfileDidIndexRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -135,7 +199,6 @@ export interface FileRoutesById {
   '/scrobble': typeof ScrobbleRoute
   '/dropbox/$id': typeof DropboxIdRoute
   '/googledrive/$id': typeof GoogledriveIdRoute
-  '/profile/$did': typeof ProfileDidRoute
   '/dropbox/': typeof DropboxIndexRoute
   '/googledrive/': typeof GoogledriveIndexRoute
   '/$did/album/$rkey': typeof DidAlbumRkeyRoute
@@ -143,6 +206,15 @@ export interface FileRoutesById {
   '/$did/playlist/$rkey': typeof DidPlaylistRkeyRoute
   '/$did/scrobble/$rkey': typeof DidScrobbleRkeyRoute
   '/$did/song/$rkey': typeof DidSongRkeyRoute
+  '/profile/$did/albums': typeof ProfileDidAlbumsRoute
+  '/profile/$did/artists': typeof ProfileDidArtistsRoute
+  '/profile/$did/library': typeof ProfileDidLibraryRoute
+  '/profile/$did/likes': typeof ProfileDidLikesRoute
+  '/profile/$did/playlists': typeof ProfileDidPlaylistsRoute
+  '/profile/$did/scrobbles': typeof ProfileDidScrobblesRoute
+  '/profile/$did/tags': typeof ProfileDidTagsRoute
+  '/profile/$did/tracks': typeof ProfileDidTracksRoute
+  '/profile/$did/': typeof ProfileDidIndexRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -153,7 +225,6 @@ export interface FileRouteTypes {
     | '/scrobble'
     | '/dropbox/$id'
     | '/googledrive/$id'
-    | '/profile/$did'
     | '/dropbox'
     | '/googledrive'
     | '/$did/album/$rkey'
@@ -161,6 +232,15 @@ export interface FileRouteTypes {
     | '/$did/playlist/$rkey'
     | '/$did/scrobble/$rkey'
     | '/$did/song/$rkey'
+    | '/profile/$did/albums'
+    | '/profile/$did/artists'
+    | '/profile/$did/library'
+    | '/profile/$did/likes'
+    | '/profile/$did/playlists'
+    | '/profile/$did/scrobbles'
+    | '/profile/$did/tags'
+    | '/profile/$did/tracks'
+    | '/profile/$did'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -169,7 +249,6 @@ export interface FileRouteTypes {
     | '/scrobble'
     | '/dropbox/$id'
     | '/googledrive/$id'
-    | '/profile/$did'
     | '/dropbox'
     | '/googledrive'
     | '/$did/album/$rkey'
@@ -177,6 +256,15 @@ export interface FileRouteTypes {
     | '/$did/playlist/$rkey'
     | '/$did/scrobble/$rkey'
     | '/$did/song/$rkey'
+    | '/profile/$did/albums'
+    | '/profile/$did/artists'
+    | '/profile/$did/library'
+    | '/profile/$did/likes'
+    | '/profile/$did/playlists'
+    | '/profile/$did/scrobbles'
+    | '/profile/$did/tags'
+    | '/profile/$did/tracks'
+    | '/profile/$did'
   id:
     | '__root__'
     | '/'
@@ -185,7 +273,6 @@ export interface FileRouteTypes {
     | '/scrobble'
     | '/dropbox/$id'
     | '/googledrive/$id'
-    | '/profile/$did'
     | '/dropbox/'
     | '/googledrive/'
     | '/$did/album/$rkey'
@@ -193,6 +280,15 @@ export interface FileRouteTypes {
     | '/$did/playlist/$rkey'
     | '/$did/scrobble/$rkey'
     | '/$did/song/$rkey'
+    | '/profile/$did/albums'
+    | '/profile/$did/artists'
+    | '/profile/$did/library'
+    | '/profile/$did/likes'
+    | '/profile/$did/playlists'
+    | '/profile/$did/scrobbles'
+    | '/profile/$did/tags'
+    | '/profile/$did/tracks'
+    | '/profile/$did/'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -202,7 +298,6 @@ export interface RootRouteChildren {
   ScrobbleRoute: typeof ScrobbleRoute
   DropboxIdRoute: typeof DropboxIdRoute
   GoogledriveIdRoute: typeof GoogledriveIdRoute
-  ProfileDidRoute: typeof ProfileDidRoute
   DropboxIndexRoute: typeof DropboxIndexRoute
   GoogledriveIndexRoute: typeof GoogledriveIndexRoute
   DidAlbumRkeyRoute: typeof DidAlbumRkeyRoute
@@ -210,6 +305,15 @@ export interface RootRouteChildren {
   DidPlaylistRkeyRoute: typeof DidPlaylistRkeyRoute
   DidScrobbleRkeyRoute: typeof DidScrobbleRkeyRoute
   DidSongRkeyRoute: typeof DidSongRkeyRoute
+  ProfileDidAlbumsRoute: typeof ProfileDidAlbumsRoute
+  ProfileDidArtistsRoute: typeof ProfileDidArtistsRoute
+  ProfileDidLibraryRoute: typeof ProfileDidLibraryRoute
+  ProfileDidLikesRoute: typeof ProfileDidLikesRoute
+  ProfileDidPlaylistsRoute: typeof ProfileDidPlaylistsRoute
+  ProfileDidScrobblesRoute: typeof ProfileDidScrobblesRoute
+  ProfileDidTagsRoute: typeof ProfileDidTagsRoute
+  ProfileDidTracksRoute: typeof ProfileDidTracksRoute
+  ProfileDidIndexRoute: typeof ProfileDidIndexRoute
 }
 
 declare module '@tanstack/react-router' {
@@ -256,13 +360,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DropboxIndexRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/profile/$did': {
-      id: '/profile/$did'
-      path: '/profile/$did'
-      fullPath: '/profile/$did'
-      preLoaderRoute: typeof ProfileDidRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/googledrive/$id': {
       id: '/googledrive/$id'
       path: '/googledrive/$id'
@@ -277,6 +374,69 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof DropboxIdRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/profile/$did/': {
+      id: '/profile/$did/'
+      path: '/profile/$did'
+      fullPath: '/profile/$did'
+      preLoaderRoute: typeof ProfileDidIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/tracks': {
+      id: '/profile/$did/tracks'
+      path: '/profile/$did/tracks'
+      fullPath: '/profile/$did/tracks'
+      preLoaderRoute: typeof ProfileDidTracksRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/tags': {
+      id: '/profile/$did/tags'
+      path: '/profile/$did/tags'
+      fullPath: '/profile/$did/tags'
+      preLoaderRoute: typeof ProfileDidTagsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/scrobbles': {
+      id: '/profile/$did/scrobbles'
+      path: '/profile/$did/scrobbles'
+      fullPath: '/profile/$did/scrobbles'
+      preLoaderRoute: typeof ProfileDidScrobblesRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/playlists': {
+      id: '/profile/$did/playlists'
+      path: '/profile/$did/playlists'
+      fullPath: '/profile/$did/playlists'
+      preLoaderRoute: typeof ProfileDidPlaylistsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/likes': {
+      id: '/profile/$did/likes'
+      path: '/profile/$did/likes'
+      fullPath: '/profile/$did/likes'
+      preLoaderRoute: typeof ProfileDidLikesRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/library': {
+      id: '/profile/$did/library'
+      path: '/profile/$did/library'
+      fullPath: '/profile/$did/library'
+      preLoaderRoute: typeof ProfileDidLibraryRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/artists': {
+      id: '/profile/$did/artists'
+      path: '/profile/$did/artists'
+      fullPath: '/profile/$did/artists'
+      preLoaderRoute: typeof ProfileDidArtistsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/profile/$did/albums': {
+      id: '/profile/$did/albums'
+      path: '/profile/$did/albums'
+      fullPath: '/profile/$did/albums'
+      preLoaderRoute: typeof ProfileDidAlbumsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/$did/song/$rkey': {
       id: '/$did/song/$rkey'
       path: '/$did/song/$rkey'
@@ -322,7 +482,6 @@ const rootRouteChildren: RootRouteChildren = {
   ScrobbleRoute: ScrobbleRoute,
   DropboxIdRoute: DropboxIdRoute,
   GoogledriveIdRoute: GoogledriveIdRoute,
-  ProfileDidRoute: ProfileDidRoute,
   DropboxIndexRoute: DropboxIndexRoute,
   GoogledriveIndexRoute: GoogledriveIndexRoute,
   DidAlbumRkeyRoute: DidAlbumRkeyRoute,
@@ -330,6 +489,15 @@ const rootRouteChildren: RootRouteChildren = {
   DidPlaylistRkeyRoute: DidPlaylistRkeyRoute,
   DidScrobbleRkeyRoute: DidScrobbleRkeyRoute,
   DidSongRkeyRoute: DidSongRkeyRoute,
+  ProfileDidAlbumsRoute: ProfileDidAlbumsRoute,
+  ProfileDidArtistsRoute: ProfileDidArtistsRoute,
+  ProfileDidLibraryRoute: ProfileDidLibraryRoute,
+  ProfileDidLikesRoute: ProfileDidLikesRoute,
+  ProfileDidPlaylistsRoute: ProfileDidPlaylistsRoute,
+  ProfileDidScrobblesRoute: ProfileDidScrobblesRoute,
+  ProfileDidTagsRoute: ProfileDidTagsRoute,
+  ProfileDidTracksRoute: ProfileDidTracksRoute,
+  ProfileDidIndexRoute: ProfileDidIndexRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
diff --git a/apps/web/src/routes/profile/$did/albums.tsx b/apps/web/src/routes/profile/$did/albums.tsx
new file mode 100644
index 00000000..7882df8b
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/albums.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/albums")({
+  component: () => <ProfilePage activeKey="1/2" />,
+});
diff --git a/apps/web/src/routes/profile/$did/artists.tsx b/apps/web/src/routes/profile/$did/artists.tsx
new file mode 100644
index 00000000..d575c8bb
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/artists.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/artists")({
+  component: () => <ProfilePage activeKey="1/1" />,
+});
diff --git a/apps/web/src/routes/profile.$did.tsx b/apps/web/src/routes/profile/$did/index.tsx
similarity index 72%
rename from apps/web/src/routes/profile.$did.tsx
rename to apps/web/src/routes/profile/$did/index.tsx
index cd2a996f..5cbd9caf 100644
--- a/apps/web/src/routes/profile.$did.tsx
+++ b/apps/web/src/routes/profile/$did/index.tsx
@@ -1,13 +1,13 @@
 import { createFileRoute } from "@tanstack/react-router";
 import { zodValidator } from "@tanstack/zod-adapter";
 import z from "zod";
-import ProfilePage from "../pages/profile";
+import ProfilePage from "../../../pages/profile";
 
 const validateSearch = z.object({
   tab: z.number().optional(),
 });
 
-export const Route = createFileRoute("/profile/$did")({
+export const Route = createFileRoute("/profile/$did/")({
   component: ProfilePage,
   validateSearch: zodValidator(validateSearch),
 });
diff --git a/apps/web/src/routes/profile/$did/library.tsx b/apps/web/src/routes/profile/$did/library.tsx
new file mode 100644
index 00000000..d49ca4e0
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/library.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/library")({
+  component: () => <ProfilePage activeKey="1" />,
+});
diff --git a/apps/web/src/routes/profile/$did/likes.tsx b/apps/web/src/routes/profile/$did/likes.tsx
new file mode 100644
index 00000000..c4a19501
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/likes.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/likes")({
+  component: () => <ProfilePage activeKey="3" />,
+});
diff --git a/apps/web/src/routes/profile/$did/playlists.tsx b/apps/web/src/routes/profile/$did/playlists.tsx
new file mode 100644
index 00000000..6922805d
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/playlists.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/playlists")({
+  component: () => <ProfilePage activeKey="2" />,
+});
diff --git a/apps/web/src/routes/profile/$did/scrobbles.tsx b/apps/web/src/routes/profile/$did/scrobbles.tsx
new file mode 100644
index 00000000..6cce49f1
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/scrobbles.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/scrobbles")({
+  component: () => <ProfilePage activeKey="1" />,
+});
diff --git a/apps/web/src/routes/profile/$did/tags.tsx b/apps/web/src/routes/profile/$did/tags.tsx
new file mode 100644
index 00000000..a4a45e47
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/tags.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/tags")({
+  component: () => <ProfilePage activeKey="4" />,
+});
diff --git a/apps/web/src/routes/profile/$did/tracks.tsx b/apps/web/src/routes/profile/$did/tracks.tsx
new file mode 100644
index 00000000..98c6ec4d
--- /dev/null
+++ b/apps/web/src/routes/profile/$did/tracks.tsx
@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import ProfilePage from "../../../pages/profile";
+
+export const Route = createFileRoute("/profile/$did/tracks")({
+  component: () => <ProfilePage activeKey="1/3" />,
+});