Replace search page with explore page for rich discovery experience

The command palette (⌘K) already handles direct title search. Replace the
redundant /search page with a new /explore page featuring trending titles,
popular movies/TV, and genre browsing powered by TMDB discovery endpoints.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-01 15:11:53 -05:00
co-authored by Claude Opus 4.6
parent cddef34909
commit e098180dda
14 changed files with 653 additions and 120 deletions
+7 -7
View File
@@ -94,10 +94,10 @@ export function CommandPalette() {
action: () => router.push("/dashboard"),
scope: "Navigation",
});
registerShortcut("nav-search", {
keys: ["g", "s"],
description: "Go to search",
action: () => router.push("/search"),
registerShortcut("nav-explore", {
keys: ["g", "e"],
description: "Go to explore",
action: () => router.push("/explore"),
scope: "Navigation",
});
}, [registerShortcut, setCommandPaletteOpen, setHelpOpen, router]);
@@ -279,12 +279,12 @@ export function CommandPalette() {
<CommandItem
onSelect={() => {
setCommandPaletteOpen(false);
router.push("/search");
router.push("/explore");
}}
>
<IconSearch size={14} />
Go to Search
<CommandShortcut>G S</CommandShortcut>
Go to Explore
<CommandShortcut>G E</CommandShortcut>
</CommandItem>
<CommandItem
onSelect={() => {
+2 -2
View File
@@ -1,6 +1,6 @@
"use client";
import { IconHome, IconSearch, IconSettings } from "@tabler/icons-react";
import { IconCompass, IconHome, IconSettings } from "@tabler/icons-react";
import { motion } from "motion/react";
import Link from "next/link";
import { usePathname } from "next/navigation";
@@ -8,7 +8,7 @@ import { useSession } from "@/lib/auth/client";
const tabs = [
{ href: "/dashboard", label: "Home", icon: IconHome },
{ href: "/search", label: "Search", icon: IconSearch },
{ href: "/explore", label: "Explore", icon: IconCompass },
{ href: "/settings", label: "Settings", icon: IconSettings },
] as const;
+1 -1
View File
@@ -10,7 +10,7 @@ import { signOut, useSession } from "@/lib/auth/client";
const navLinks = [
{ href: "/dashboard", label: "Home" },
{ href: "/search", label: "Search" },
{ href: "/explore", label: "Explore" },
] as const;
export function NavBar() {