diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 34caac0e..c9361cb5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,7 +6,6 @@ import Header from "@/widgets/header/ui/Header";
 import { ModalContainer } from "@/shared/ui/ModalContainer/ModalContainer";
 import ChatContainer from "@/features/chat/ui/ChatContainer";
 import { ReactQueryProvider } from "@/shared/lib/provider";
-import { ClientLayout } from "@/shared/lib/ClientLayout";
 
 const myFont = localFont({
   src: "../shared/fonts/PretendardVariable.woff2",
@@ -26,27 +25,25 @@ export default function RootLayout({
     <html lang="kr" className={myFont.className}>
       <body className="mx-auto max-w-[1200px] bg-[#1c1c22] pt-[70px] md:pt-[80px] xl:pt-[100px]">
         <ReactQueryProvider>
-          <ClientLayout>
-            <Suspense fallback={null}>
-              <Header />
-            </Suspense>
+          <Suspense fallback={null}>
+            <Header />
+          </Suspense>
 
-            <Suspense
-              fallback={<div className="p-4 text-gray-400">Loading...</div>}
-            >
-              {children}
-            </Suspense>
+          <Suspense
+            fallback={<div className="p-4 text-gray-400">Loading...</div>}
+          >
+            {children}
+          </Suspense>
 
-            <div id="modal-root" />
+          <div id="modal-root" />
 
-            <Suspense fallback={null}>
-              <ChatContainer />
-            </Suspense>
+          <Suspense fallback={null}>
+            <ChatContainer />
+          </Suspense>
 
-            <Suspense fallback={null}>
-              <ModalContainer />
-            </Suspense>
-          </ClientLayout>
+          <Suspense fallback={null}>
+            <ModalContainer />
+          </Suspense>
         </ReactQueryProvider>
       </body>
     </html>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7c85431d..08638616 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@ import {
   dehydrate,
   HydrationBoundary,
 } from "@tanstack/react-query";
-import { getPosts } from "@/entities/post/api/getPosts";
+import { getPosts } from "@/entities/post/api/getPosts.server";
 import HomePageClient from "@/widgets/main/ui/Client/HomePage.client";
 
 export default async function HomePage({
@@ -12,6 +12,7 @@ export default async function HomePage({
   searchParams: Promise<Record<string, string>>;
 }) {
   const params = await searchParams;
+
   const initialCategory = params?.category ?? "전체";
   const initialSort = params?.sort ?? "latest";
   const initialKeyword = (params?.keyword ?? "").trim();
@@ -32,11 +33,7 @@ export default async function HomePage({
 
   return (
     <HydrationBoundary state={dehydrate(queryClient)}>
-      <HomePageClient
-        initialCategory={initialCategory}
-        initialSort={initialSort}
-        initialKeyword={initialKeyword}
-      />
+      <HomePageClient />
     </HydrationBoundary>
   );
 }
diff --git a/src/entities/post/api/getPosts.server.ts b/src/entities/post/api/getPosts.server.ts
new file mode 100644
index 00000000..26973236
--- /dev/null
+++ b/src/entities/post/api/getPosts.server.ts
@@ -0,0 +1,31 @@
+import { serverFetch } from "@/shared/api/fetcher.server";
+import { POST_PAGE_SIZE } from "@/entities/post/model/constants/api";
+import type { Post } from "@/entities/post/model/types/post";
+
+export async function getPosts({
+  category,
+  keyword,
+  sort,
+  page,
+}: {
+  category: string;
+  keyword?: string;
+  sort?: string;
+  page?: number;
+}) {
+  const query = new URLSearchParams({
+    page: String(page ?? 1),
+    size: String(POST_PAGE_SIZE),
+  });
+
+  if (category !== "전체") query.append("category", category);
+  if (keyword) query.append("keyword", keyword);
+  if (sort) query.append("sort", sort);
+
+  const { data } = await serverFetch<{ data: Post[] }>(
+    `/api/postings?${query.toString()}`,
+    { method: "GET" },
+  );
+
+  return data;
+}
diff --git a/src/entities/post/ui/list/PostList.tsx b/src/entities/post/ui/list/PostList.tsx
index f7feb76d..dadb61e8 100644
--- a/src/entities/post/ui/list/PostList.tsx
+++ b/src/entities/post/ui/list/PostList.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useRouter, useSearchParams } from "next/navigation";
 import { useInfiniteQuery } from "@tanstack/react-query";
 import { useInfiniteScroll } from "@/shared/lib/useInfiniteScroll";
 import { getPosts } from "@/entities/post/api/getPosts";
@@ -11,16 +12,17 @@ import PostCard from "@/entities/post/ui/card/PostCard";
 interface Props {
   selectedCategory: string;
   selectedSortOption: string;
-  onSortChange: (value: string) => void;
-  selectedKeyword?: string;
+  selectedKeyword: string;
 }
 
 export default function PostList({
   selectedCategory,
   selectedSortOption,
-  onSortChange,
   selectedKeyword,
 }: Props) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
   const { data, fetchNextPage, hasNextPage, isFetchingNextPage } =
     useInfiniteQuery({
       queryKey: [
@@ -41,6 +43,12 @@ export default function PostList({
       initialPageParam: 1,
     });
 
+  const handleSortChange = (sortValue: string) => {
+    const params = new URLSearchParams(searchParams);
+    params.set("sort", sortValue);
+    router.push(`/?${params.toString()}`);
+  };
+
   const posts = data?.pages.flat() ?? [];
   const lastRef = useInfiniteScroll(
     () => fetchNextPage(),
@@ -49,7 +57,7 @@ export default function PostList({
   );
 
   return (
-    <section className="flex flex-col gap-[30px] px-[20px]">
+    <section className="flex flex-col gap-[30px] px-5">
       <div className="flex items-center justify-between">
         <h3 className="text-[20px] font-semibold text-white">
           {selectedCategory || "전체"}
@@ -57,7 +65,7 @@ export default function PostList({
         <SortMenu
           items={SORT_OPTION_LIST}
           selectedItem={selectedSortOption}
-          onSelect={onSortChange}
+          onSelect={handleSortChange}
         />
       </div>
 
diff --git a/src/shared/commands/SearchCommands.ts b/src/shared/commands/SearchCommands.ts
deleted file mode 100644
index 3b495037..00000000
--- a/src/shared/commands/SearchCommands.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { useSearchStore } from "@/shared/model/search.store";
-
-export const SearchCommands = {
-  changeCategory: (category: string) =>
-    useSearchStore.getState().setCategory(category),
-
-  changeSort: (sort: string) => useSearchStore.getState().setSort(sort),
-
-  changeKeyword: (keyword: string) =>
-    useSearchStore.getState().setKeyword(keyword),
-};
diff --git a/src/shared/lib/ClientLayout.tsx b/src/shared/lib/ClientLayout.tsx
deleted file mode 100644
index 6fcea7d2..00000000
--- a/src/shared/lib/ClientLayout.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-"use client";
-
-import { useResetKeywordOnPathChange } from "@/shared/lib/useResetKeyword";
-
-export function ClientLayout({ children }: { children: React.ReactNode }) {
-  useResetKeywordOnPathChange();
-  return <>{children}</>;
-}
diff --git a/src/shared/lib/useResetKeyword.ts b/src/shared/lib/useResetKeyword.ts
deleted file mode 100644
index b92c3af7..00000000
--- a/src/shared/lib/useResetKeyword.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-"use client";
-
-import { useEffect, useRef } from "react";
-import { usePathname } from "next/navigation";
-import { SearchCommands } from "@/shared/commands/SearchCommands";
-
-export function useResetKeywordOnPathChange() {
-  const pathname = usePathname();
-  const prevPathRef = useRef<string>("");
-
-  useEffect(() => {
-    if (prevPathRef.current && prevPathRef.current !== pathname) {
-      SearchCommands.changeKeyword("");
-    }
-
-    prevPathRef.current = pathname;
-  }, [pathname]);
-}
diff --git a/src/shared/lib/useSearchMediator.ts b/src/shared/lib/useSearchMediator.ts
deleted file mode 100644
index e5426d21..00000000
--- a/src/shared/lib/useSearchMediator.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useEffect } from "react";
-import { useSearchStore } from "@/shared/model/search.store";
-
-export function useSearchMediator({
-  initialCategory,
-  initialKeyword,
-  initialSort,
-}: {
-  initialCategory: string;
-  initialKeyword: string;
-  initialSort: string;
-}) {
-  const { category, keyword, sort, setCategory, setKeyword, setSort } =
-    useSearchStore();
-
-  // SSR 초기값 → Zustand 반영
-  useEffect(() => {
-    setCategory(initialCategory);
-    setKeyword(initialKeyword);
-    setSort(initialSort);
-  }, [
-    initialCategory,
-    initialKeyword,
-    initialSort,
-    setCategory,
-    setKeyword,
-    setSort,
-  ]);
-
-  // Zustand 상태 → URL 동기화
-  useEffect(() => {
-    const params = new URLSearchParams();
-
-    if (category !== "전체") params.set("category", category);
-    if (sort) params.set("sort", sort);
-    if (keyword) params.set("keyword", keyword);
-
-    window.history.replaceState(null, "", `/?${params.toString()}`);
-  }, [category, sort, keyword]);
-}
diff --git a/src/shared/model/search.store.ts b/src/shared/model/search.store.ts
deleted file mode 100644
index da2bbb5b..00000000
--- a/src/shared/model/search.store.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { create } from "zustand";
-
-interface SearchState {
-  category: string;
-  sort: string;
-  keyword: string;
-  setCategory: (c: string) => void;
-  setSort: (s: string) => void;
-  setKeyword: (k: string) => void;
-}
-
-export const useSearchStore = create<SearchState>((set) => ({
-  category: "전체",
-  sort: "latest",
-  keyword: "",
-  setCategory: (category) => set({ category }),
-  setSort: (sort) => set({ sort }),
-  setKeyword: (keyword) => set({ keyword }),
-}));
diff --git a/src/widgets/header/ui/SearchForm.tsx b/src/widgets/header/ui/SearchForm.tsx
index f8c3cc66..4bde393e 100644
--- a/src/widgets/header/ui/SearchForm.tsx
+++ b/src/widgets/header/ui/SearchForm.tsx
@@ -2,9 +2,16 @@
 
 import { useState, useEffect } from "react";
 import cn from "@/shared/lib/cn";
-import { useRouter, usePathname } from "next/navigation";
-import { useSearchStore } from "@/shared/model/search.store";
-import { SearchCommands } from "@/shared/commands/SearchCommands";
+import { useRouter, useSearchParams } from "next/navigation";
+
+interface SearchFormProps {
+  className?: string;
+  placeholder?: string;
+  autoFocus?: boolean;
+  showIcon?: boolean;
+  name?: string;
+  onSubmitted?: () => void;
+}
 
 const SearchForm = ({
   className,
@@ -13,39 +20,27 @@ const SearchForm = ({
   showIcon = true,
   name = "keyword",
   onSubmitted,
-}: {
-  className?: string;
-  placeholder?: string;
-  autoFocus?: boolean;
-  showIcon?: boolean;
-  name?: string;
-  onSubmitted?: () => void;
-}) => {
+}: SearchFormProps) => {
   const router = useRouter();
-  const pathname = usePathname();
-  const { category, keyword } = useSearchStore();
-  const [value, setValue] = useState("");
+  const searchParams = useSearchParams();
+
+  const [value, setValue] = useState(searchParams.get("keyword") ?? "");
+  const category = searchParams.get("category") ?? "전체";
 
   useEffect(() => {
     setValue("");
-    SearchCommands.changeKeyword("");
   }, [category]);
 
   const onSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
     const q = value.trim();
-    if (q === keyword) return;
+    if (!q) return;
 
-    if (pathname === "/") {
-      SearchCommands.changeKeyword(q);
-    } else {
-      const params = new URLSearchParams({
-        category,
-        keyword: q,
-      });
-      router.push(`/?${params.toString()}`);
-    }
+    const params = new URLSearchParams(searchParams);
+    if (category && category !== "전체") params.set("category", category);
+    params.set("keyword", q);
 
+    router.push(`/?${params.toString()}`);
     onSubmitted?.();
   };
 
diff --git a/src/widgets/main/ui/Client/HomePage.client.tsx b/src/widgets/main/ui/Client/HomePage.client.tsx
index a47b434c..367ff0fb 100644
--- a/src/widgets/main/ui/Client/HomePage.client.tsx
+++ b/src/widgets/main/ui/Client/HomePage.client.tsx
@@ -1,24 +1,15 @@
 "use client";
 
+import { useSearchParams } from "next/navigation";
 import SideMenuWrapper from "@/widgets/main/ui/SideMenu/SideMenuWrapper";
 import PostList from "@/entities/post/ui/list/PostList";
-import { useSearchStore } from "@/shared/model/search.store";
-import { useSearchMediator } from "@/shared/lib/useSearchMediator";
 
-interface Props {
-  initialCategory: string;
-  initialSort: string;
-  initialKeyword: string;
-}
-
-export default function HomePageClient({
-  initialCategory,
-  initialSort,
-  initialKeyword,
-}: Props) {
-  useSearchMediator({ initialCategory, initialSort, initialKeyword });
+export default function HomePageClient() {
+  const searchParams = useSearchParams();
 
-  const { category, keyword, sort, setSort } = useSearchStore();
+  const category = searchParams.get("category") ?? "전체";
+  const sort = searchParams.get("sort") ?? "latest";
+  const keyword = searchParams.get("keyword") ?? "";
 
   return (
     <div className="flex flex-col gap-[60px] md:block">
@@ -30,7 +21,6 @@ export default function HomePageClient({
         <PostList
           selectedCategory={category}
           selectedSortOption={sort}
-          onSortChange={setSort}
           selectedKeyword={keyword}
         />
       </main>
diff --git a/src/widgets/main/ui/SideMenu/SideMenuWrapper.tsx b/src/widgets/main/ui/SideMenu/SideMenuWrapper.tsx
index aa2c36e3..bdd5bea4 100644
--- a/src/widgets/main/ui/SideMenu/SideMenuWrapper.tsx
+++ b/src/widgets/main/ui/SideMenu/SideMenuWrapper.tsx
@@ -1,18 +1,26 @@
 "use client";
 
+import { useRouter, useSearchParams } from "next/navigation";
 import SideMenu from "./SideMenu";
 import { CATEGORY_LIST } from "@/widgets/main/model/constants";
-import { SearchCommands } from "@/shared/commands/SearchCommands";
 
-interface Props {
+export default function SideMenuWrapper({
+  selectedCategory,
+}: {
   selectedCategory: string;
-}
+}) {
+  const router = useRouter();
+  const searchParams = useSearchParams();
 
-export default function SideMenuWrapper({ selectedCategory }: Props) {
   const handleSelect = (category: string) => {
     if (category === selectedCategory) return;
-    SearchCommands.changeCategory(category);
-    SearchCommands.changeKeyword("");
+
+    const params = new URLSearchParams(searchParams);
+    if (category === "전체") params.delete("category");
+    else params.set("category", category);
+    params.delete("keyword");
+
+    router.push(`/?${params.toString()}`);
   };
 
   return (
