diff --git a/front_end/src/app/(main)/(home)/components/research_and_updates.tsx b/front_end/src/app/(main)/(home)/components/research_and_updates.tsx
index 7e909285a5..a712745b8d 100644
--- a/front_end/src/app/(main)/(home)/components/research_and_updates.tsx
+++ b/front_end/src/app/(main)/(home)/components/research_and_updates.tsx
@@ -10,6 +10,7 @@ import imagePlaceholder from "@/app/assets/images/tournament.webp";
 import PostsApi from "@/services/posts";
 import { PostWithNotebook } from "@/types/post";
 import { getNotebookSummary } from "@/utils/questions";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   postIds: number[];
@@ -91,4 +92,4 @@ const ResearchAndUpdatesBlock: FC<Props> = async ({ postIds }) => {
   );
 };
 
-export default ResearchAndUpdatesBlock;
+export default WithServerComponentErrorBoundary(ResearchAndUpdatesBlock);
diff --git a/front_end/src/app/(main)/(home)/components/tournaments_block.tsx b/front_end/src/app/(main)/(home)/components/tournaments_block.tsx
index de7f11c305..55742ea6df 100644
--- a/front_end/src/app/(main)/(home)/components/tournaments_block.tsx
+++ b/front_end/src/app/(main)/(home)/components/tournaments_block.tsx
@@ -5,6 +5,7 @@ import { getTranslations } from "next-intl/server";
 import { FC } from "react";
 
 import TournamentCard from "@/components/tournament_card";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 import ProjectsApi from "@/services/projects";
 import { Tournament, TournamentType } from "@/types/projects";
 
@@ -60,4 +61,4 @@ const TournamentsBlock: FC<Props> = async ({ postSlugs }) => {
   );
 };
 
-export default TournamentsBlock;
+export default WithServerComponentErrorBoundary(TournamentsBlock);
diff --git a/front_end/src/app/(main)/(leaderboards)/contributions/components/contributions_hero.tsx b/front_end/src/app/(main)/(leaderboards)/contributions/components/contributions_hero.tsx
index f4d2fa114f..d755cb41ae 100644
--- a/front_end/src/app/(main)/(leaderboards)/contributions/components/contributions_hero.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/contributions/components/contributions_hero.tsx
@@ -16,6 +16,7 @@ import {
   SCORING_DURATION_FILTER,
   SCORING_YEAR_FILTER,
 } from "../../search_params";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   category: CategoryKey;
@@ -72,12 +73,13 @@ const ContributionsHero: FC<Props> = ({ year, duration, category, userId }) => {
   );
 };
 
-const AwaitedUserHeader: FC<{ userId: number }> = async ({ userId }) => {
-  const t = await getTranslations();
-  const profile = await ProfileApi.getProfileById(userId);
+const AwaitedUserHeader: FC<{ userId: number }> =
+  WithServerComponentErrorBoundary(async ({ userId }) => {
+    const t = await getTranslations();
+    const profile = await ProfileApi.getProfileById(userId);
 
-  return <UserHeader>{profile.username ?? t("user")}</UserHeader>;
-};
+    return <UserHeader>{profile.username ?? t("user")}</UserHeader>;
+  });
 
 const UserHeader: FC<PropsWithChildren> = ({ children }) => (
   <h1 className="m-0 text-2xl font-bold text-blue-900 dark:text-blue-900-dark sm:text-4xl">
diff --git a/front_end/src/app/(main)/(leaderboards)/contributions/components/global_contributions.tsx b/front_end/src/app/(main)/(leaderboards)/contributions/components/global_contributions.tsx
index 254b769073..4454bed8d3 100644
--- a/front_end/src/app/(main)/(leaderboards)/contributions/components/global_contributions.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/contributions/components/global_contributions.tsx
@@ -3,6 +3,7 @@ import { FC } from "react";
 import ContributionsTable from "@/app/(main)/(leaderboards)/contributions/components/contributions_table";
 import LeaderboardApi from "@/services/leaderboard";
 import { CategoryKey, LeaderboardType } from "@/types/scoring";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   startTime: string;
@@ -19,21 +20,21 @@ const GlobalContributions: FC<Props> = async ({
   startTime,
   category,
 }) => {
-  const contributionsDetails = await LeaderboardApi.getContributions({
-    type: "global",
-    leaderboardType,
-    userId,
-    startTime,
-    endTime,
-  });
+    const contributionsDetails = await LeaderboardApi.getContributions({
+      type: "global",
+      leaderboardType,
+      userId,
+      startTime,
+      endTime,
+    });
 
-  return (
-    <ContributionsTable
-      category={category}
-      leaderboardEntry={contributionsDetails.leaderboard_entry}
-      contributions={contributionsDetails.contributions}
-    />
-  );
+    return (
+      <ContributionsTable
+        category={category}
+        leaderboardEntry={contributionsDetails.leaderboard_entry}
+        contributions={contributionsDetails.contributions}
+      />
+    );
 };
 
-export default GlobalContributions;
+export default WithServerComponentErrorBoundary(GlobalContributions);
diff --git a/front_end/src/app/(main)/(leaderboards)/contributions/components/project_contributions.tsx b/front_end/src/app/(main)/(leaderboards)/contributions/components/project_contributions.tsx
index 25ce312dc7..5e8657b924 100644
--- a/front_end/src/app/(main)/(leaderboards)/contributions/components/project_contributions.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/contributions/components/project_contributions.tsx
@@ -6,6 +6,7 @@ import InfoToggle from "@/components/ui/info_toggle";
 import SectionToggle from "@/components/ui/section_toggle";
 import LeaderboardApi from "@/services/leaderboard";
 import { Tournament } from "@/types/projects";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   project: Tournament;
@@ -13,169 +14,173 @@ type Props = {
 };
 
 const ProjectContributions: FC<Props> = async ({ project, userId }) => {
-  const t = await getTranslations();
-  const contributionsDetails = await LeaderboardApi.getContributions({
-    type: "project",
-    userId,
-    projectId: project.id,
-  });
+    const t = await getTranslations();
+    const contributionsDetails = await LeaderboardApi.getContributions({
+      type: "project",
+      userId,
+      projectId: project.id,
+    });
 
-  return (
-    <SectionToggle
-      title={t("myScore")}
-      className="bg-gold-200 dark:bg-gold-200-dark"
-    >
-      {!!contributionsDetails.contributions.length && (
-        <table className="mb-3 w-full">
-          <thead>
-            <tr className="border-b border-gray-400 dark:border-gray-400-dark">
-              <th className="p-2 text-left text-sm font-bold">
-                {t("Question")}
-              </th>
-              <th className="p-2 text-right text-sm font-bold">{t("score")}</th>
-              {project.score_type === "relative_legacy_tournament" && (
+    return (
+      <SectionToggle
+        title={t("myScore")}
+        className="bg-gold-200 dark:bg-gold-200-dark"
+      >
+        {!!contributionsDetails.contributions.length && (
+          <table className="mb-3 w-full">
+            <thead>
+              <tr className="border-b border-gray-400 dark:border-gray-400-dark">
+                <th className="p-2 text-left text-sm font-bold">
+                  {t("Question")}
+                </th>
                 <th className="p-2 text-right text-sm font-bold">
-                  {t("coverage")}
+                  {t("score")}
                 </th>
-              )}
-            </tr>
-          </thead>
-          <tbody>
-            {contributionsDetails.contributions.map((contribution, i) => (
-              <tr
-                key={i}
-                className="even:bg-gray-200 dark:even:bg-gray-200-dark"
-              >
-                <td className="px-2 py-1 text-sm">
-                  <Link
-                    className="block no-underline"
-                    href={`/questions/${contribution.question_id}`}
-                  >
-                    {contribution.question_title}
-                  </Link>
+                {project.score_type === "relative_legacy_tournament" && (
+                  <th className="p-2 text-right text-sm font-bold">
+                    {t("coverage")}
+                  </th>
+                )}
+              </tr>
+            </thead>
+            <tbody>
+              {contributionsDetails.contributions.map((contribution, i) => (
+                <tr
+                  key={i}
+                  className="even:bg-gray-200 dark:even:bg-gray-200-dark"
+                >
+                  <td className="px-2 py-1 text-sm">
+                    <Link
+                      className="block no-underline"
+                      href={`/questions/${contribution.question_id}`}
+                    >
+                      {contribution.question_title}
+                    </Link>
+                  </td>
+                  <td className="px-2 py-1 text-right text-sm font-bold text-orange-800 dark:text-orange-800-dark">
+                    {contribution.score ? contribution.score.toFixed(2) : "-"}
+                  </td>
+                  {project.score_type === "relative_legacy_tournament" && (
+                    <th className="p-2 text-right text-sm font-bold">
+                      {contribution.coverage
+                        ? `${(contribution.coverage * 100).toFixed(0)}%`
+                        : "0%"}
+                    </th>
+                  )}
+                </tr>
+              ))}
+            </tbody>
+
+            <tfoot>
+              <tr>
+                <th className="px-2 py-1 text-right text-sm">
+                  {t("totalTake")}
+                </th>
+                <td className="px-2 py-1 text-right text-sm font-bold text-orange-800 dark:text-orange-800-dark">
+                  {contributionsDetails.leaderboard_entry.take
+                    ? `${contributionsDetails.leaderboard_entry.take.toFixed(3)}`
+                    : "-"}
                 </td>
+              </tr>
+            </tfoot>
+            <tfoot>
+              <tr>
+                <th className="px-2 py-1 text-right text-sm">
+                  {t("totalScore")}
+                </th>
                 <td className="px-2 py-1 text-right text-sm font-bold text-orange-800 dark:text-orange-800-dark">
-                  {contribution.score ? contribution.score.toFixed(2) : "-"}
+                  {contributionsDetails.leaderboard_entry.score
+                    ? `${contributionsDetails.leaderboard_entry.score.toFixed(2)}`
+                    : "-"}
                 </td>
                 {project.score_type === "relative_legacy_tournament" && (
                   <th className="p-2 text-right text-sm font-bold">
-                    {contribution.coverage
-                      ? `${(contribution.coverage * 100).toFixed(0)}%`
+                    {contributionsDetails.leaderboard_entry.coverage
+                      ? `${(contributionsDetails.leaderboard_entry.coverage * 100).toFixed(2)}%`
                       : "0%"}
                   </th>
                 )}
               </tr>
-            ))}
-          </tbody>
+            </tfoot>
+          </table>
+        )}
 
-          <tfoot>
-            <tr>
-              <th className="px-2 py-1 text-right text-sm">{t("totalTake")}</th>
-              <td className="px-2 py-1 text-right text-sm font-bold text-orange-800 dark:text-orange-800-dark">
-                {contributionsDetails.leaderboard_entry.take
-                  ? `${contributionsDetails.leaderboard_entry.take.toFixed(3)}`
-                  : "-"}
-              </td>
-            </tr>
-          </tfoot>
-          <tfoot>
-            <tr>
-              <th className="px-2 py-1 text-right text-sm">
-                {t("totalScore")}
-              </th>
-              <td className="px-2 py-1 text-right text-sm font-bold text-orange-800 dark:text-orange-800-dark">
-                {contributionsDetails.leaderboard_entry.score
-                  ? `${contributionsDetails.leaderboard_entry.score.toFixed(2)}`
-                  : "-"}
-              </td>
+        <InfoToggle title={t("scoringTerminology")}>
+          <div className="mt-2">
+            <dl className="m-0">
+              <div className="m-2 flex text-sm">
+                <dt className="mr-2 w-20 flex-none font-bold">{t("score")}</dt>
+                {project.score_type === "peer_tournament" ? (
+                  <dd>
+                    {t.rich("peerScoreInfo", {
+                      link: (chunks) => (
+                        <Link href={"/help/scores-faq/#peer-score"}>
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
+                  </dd>
+                ) : (
+                  <dd>
+                    {t.rich("relativeScoreInfo", {
+                      link: (chunks) => (
+                        <Link href={"/help/scores-faq/#relative-score"}>
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
+                  </dd>
+                )}
+              </div>
+              <div className="m-2 flex text-sm">
+                <dt className="mr-2 w-20 flex-none font-bold">
+                  {t("totalScore")}
+                </dt>
+                {project.score_type === "peer_tournament" ? (
+                  <dd>
+                    {t.rich("totalPeerScoreInfo", {
+                      link: (chunks) => (
+                        <Link href={"/help/scores-faq/#peer-score"}>
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
+                  </dd>
+                ) : (
+                  <dd>
+                    {t.rich("totalRelativeScoreInfo", {
+                      link: (chunks) => (
+                        <Link href={"/help/scores-faq/#relative-score"}>
+                          {chunks}
+                        </Link>
+                      ),
+                    })}
+                  </dd>
+                )}
+              </div>
               {project.score_type === "relative_legacy_tournament" && (
-                <th className="p-2 text-right text-sm font-bold">
-                  {contributionsDetails.leaderboard_entry.coverage
-                    ? `${(contributionsDetails.leaderboard_entry.coverage * 100).toFixed(2)}%`
-                    : "0%"}
-                </th>
-              )}
-            </tr>
-          </tfoot>
-        </table>
-      )}
-
-      <InfoToggle title={t("scoringTerminology")}>
-        <div className="mt-2">
-          <dl className="m-0">
-            <div className="m-2 flex text-sm">
-              <dt className="mr-2 w-20 flex-none font-bold">{t("score")}</dt>
-              {project.score_type === "peer_tournament" ? (
-                <dd>
-                  {t.rich("peerScoreInfo", {
-                    link: (chunks) => (
-                      <Link href={"/help/scores-faq/#peer-score"}>
-                        {chunks}
-                      </Link>
-                    ),
-                  })}
-                </dd>
-              ) : (
-                <dd>
-                  {t.rich("relativeScoreInfo", {
-                    link: (chunks) => (
-                      <Link href={"/help/scores-faq/#relative-score"}>
-                        {chunks}
-                      </Link>
-                    ),
-                  })}
-                </dd>
+                <div className="m-2 flex text-sm">
+                  <dt className="mr-2 w-20 flex-none font-bold">
+                    {t("coverage")}
+                  </dt>
+                  <dd>{t("relativeCoverageInfo")}</dd>
+                </div>
               )}
-            </div>
-            <div className="m-2 flex text-sm">
-              <dt className="mr-2 w-20 flex-none font-bold">
-                {t("totalScore")}
-              </dt>
-              {project.score_type === "peer_tournament" ? (
-                <dd>
-                  {t.rich("totalPeerScoreInfo", {
-                    link: (chunks) => (
-                      <Link href={"/help/scores-faq/#peer-score"}>
-                        {chunks}
-                      </Link>
-                    ),
-                  })}
-                </dd>
-              ) : (
-                <dd>
-                  {t.rich("totalRelativeScoreInfo", {
-                    link: (chunks) => (
-                      <Link href={"/help/scores-faq/#relative-score"}>
-                        {chunks}
-                      </Link>
-                    ),
-                  })}
-                </dd>
-              )}
-            </div>
-            {project.score_type === "relative_legacy_tournament" && (
               <div className="m-2 flex text-sm">
                 <dt className="mr-2 w-20 flex-none font-bold">
-                  {t("coverage")}
+                  {t("totalTake")}
                 </dt>
-                <dd>{t("relativeCoverageInfo")}</dd>
+                {project.score_type === "peer_tournament" ? (
+                  <dd>{t("peerTakeInfo")}</dd>
+                ) : (
+                  <dd>{t("relativeTakeInfo")}</dd>
+                )}
               </div>
-            )}
-            <div className="m-2 flex text-sm">
-              <dt className="mr-2 w-20 flex-none font-bold">
-                {t("totalTake")}
-              </dt>
-              {project.score_type === "peer_tournament" ? (
-                <dd>{t("peerTakeInfo")}</dd>
-              ) : (
-                <dd>{t("relativeTakeInfo")}</dd>
-              )}
-            </div>
-          </dl>
-        </div>
-      </InfoToggle>
-    </SectionToggle>
-  );
+            </dl>
+          </div>
+        </InfoToggle>
+      </SectionToggle>
+    );
 };
 
-export default ProjectContributions;
+export default WithServerComponentErrorBoundary(ProjectContributions);
diff --git a/front_end/src/app/(main)/(leaderboards)/leaderboard/components/global_leaderboard.tsx b/front_end/src/app/(main)/(leaderboards)/leaderboard/components/global_leaderboard.tsx
index 3012508807..cb8692eb14 100644
--- a/front_end/src/app/(main)/(leaderboards)/leaderboard/components/global_leaderboard.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/leaderboard/components/global_leaderboard.tsx
@@ -4,6 +4,7 @@ import LeaderboardApi from "@/services/leaderboard";
 import { CategoryKey, LeaderboardType } from "@/types/scoring";
 
 import LeaderboardTable from "./leaderboard_table";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   startTime: string;
@@ -24,21 +25,21 @@ const GlobalLeaderboard: FC<Props> = async ({
   category,
   cardSized,
 }) => {
-  const leaderboardDetails = await LeaderboardApi.getGlobalLeaderboard(
-    startTime,
-    endTime,
-    leaderboardType
-  );
+    const leaderboardDetails = await LeaderboardApi.getGlobalLeaderboard(
+      startTime,
+      endTime,
+      leaderboardType
+    );
 
-  return (
-    <LeaderboardTable
-      duration={duration}
-      year={year}
-      category={category}
-      leaderboardDetails={leaderboardDetails}
-      cardSized={cardSized}
-    />
-  );
+    return (
+      <LeaderboardTable
+        duration={duration}
+        year={year}
+        category={category}
+        leaderboardDetails={leaderboardDetails}
+        cardSized={cardSized}
+      />
+    );
 };
 
-export default GlobalLeaderboard;
+export default WithServerComponentErrorBoundary(GlobalLeaderboard);
diff --git a/front_end/src/app/(main)/(leaderboards)/leaderboard/components/project_leaderboard.tsx b/front_end/src/app/(main)/(leaderboards)/leaderboard/components/project_leaderboard.tsx
index 676bbb9d29..4adc0fd826 100644
--- a/front_end/src/app/(main)/(leaderboards)/leaderboard/components/project_leaderboard.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/leaderboard/components/project_leaderboard.tsx
@@ -7,6 +7,7 @@ import LeaderboardApi from "@/services/leaderboard";
 import { LeaderboardType } from "@/types/scoring";
 
 import ProjectLeaderboardTable from "./project_leaderboard_table";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   projectId: number;
@@ -23,37 +24,37 @@ const ProjectLeaderboard: FC<Props> = async ({
   isQuestionSeries,
   userId,
 }) => {
-  const leaderboardDetails = await LeaderboardApi.getProjectLeaderboard(
-    projectId,
-    leaderboardType
-  );
-
-  if (!leaderboardDetails || !leaderboardDetails.entries.length) {
-    return null;
-  }
-
-  const prizePoolValue = !isNaN(Number(prizePool)) ? Number(prizePool) : 0;
-
-  const t = await getTranslations();
-
-  const leaderboardTitle = isQuestionSeries
-    ? t("openLeaderboard")
-    : t("leaderboard");
-
-  return (
-    <SectionToggle
-      title={leaderboardTitle}
-      className={classNames({
-        "bg-gold-200 dark:bg-gold-200-dark": !isQuestionSeries,
-      })}
-    >
-      <ProjectLeaderboardTable
-        leaderboardDetails={leaderboardDetails}
-        prizePool={prizePoolValue}
-        userId={userId}
-      />
-    </SectionToggle>
-  );
+    const leaderboardDetails = await LeaderboardApi.getProjectLeaderboard(
+      projectId,
+      leaderboardType
+    );
+
+    if (!leaderboardDetails || !leaderboardDetails.entries.length) {
+      return null;
+    }
+
+    const prizePoolValue = !isNaN(Number(prizePool)) ? Number(prizePool) : 0;
+
+    const t = await getTranslations();
+
+    const leaderboardTitle = isQuestionSeries
+      ? t("openLeaderboard")
+      : t("leaderboard");
+
+    return (
+      <SectionToggle
+        title={leaderboardTitle}
+        className={classNames({
+          "bg-gold-200 dark:bg-gold-200-dark": !isQuestionSeries,
+        })}
+      >
+        <ProjectLeaderboardTable
+          leaderboardDetails={leaderboardDetails}
+          prizePool={prizePoolValue}
+          userId={userId}
+        />
+      </SectionToggle>
+    );
 };
 
-export default ProjectLeaderboard;
+export default WithServerComponentErrorBoundary(ProjectLeaderboard);
diff --git a/front_end/src/app/(main)/(leaderboards)/medals/components/medals_page.tsx b/front_end/src/app/(main)/(leaderboards)/medals/components/medals_page.tsx
index 81d72a4a42..ace01acd77 100644
--- a/front_end/src/app/(main)/(leaderboards)/medals/components/medals_page.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/medals/components/medals_page.tsx
@@ -1,21 +1,14 @@
 import classNames from "classnames";
-import Link from "next/link";
 import { getTranslations } from "next-intl/server";
 import { FC } from "react";
 
-import Tooltip from "@/components/ui/tooltip";
 import LeaderboardApi from "@/services/leaderboard";
 
 import MedalIcon from "../../components/medal_icon";
 import { RANKING_CATEGORIES } from "../../ranking_categories";
-import { CONTRIBUTIONS_USER_FILTER } from "../../contributions/search_params";
-
-import {
-  SCORING_CATEGORY_FILTER,
-  SCORING_YEAR_FILTER,
-} from "../../search_params";
 import { getMedalCategories } from "../helpers/medal_categories";
 import { getMedalDisplayTitle } from "../helpers/medal_title";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   profileId: number;
@@ -60,12 +53,7 @@ const MedalsPage: FC<Props> = async ({ profileId }) => {
               {!!category.medals.length ? (
                 category.medals.map((medal, index) => {
                   return (
-                    <Link
-                      href={
-                        category.name === "tournament"
-                          ? `/tournament/${medal.projectId}`
-                          : `/contributions/?${SCORING_CATEGORY_FILTER}=${category.name}&${CONTRIBUTIONS_USER_FILTER}=${profileId}&${SCORING_YEAR_FILTER}=${medal.year}&duration=${medal.duration}`
-                      }
+                    <div
                       key={index}
                       className={`relative flex w-full min-w-[210px] flex-row items-center gap-3 overflow-hidden rounded-lg px-3 py-3 shadow-none shadow-blue-500/30 dark:bg-blue-900 dark:shadow-black/25 md:w-fit md:flex-col md:px-8 md:py-4 md:shadow-lg ${getMedalClassName(medal.type)}`}
                     >
@@ -89,7 +77,7 @@ const MedalsPage: FC<Props> = async ({ profileId }) => {
                           </span>
                         </span>
                       </div>
-                    </Link>
+                    </div>
                   );
                 })
               ) : (
@@ -105,4 +93,4 @@ const MedalsPage: FC<Props> = async ({ profileId }) => {
   );
 };
 
-export default MedalsPage;
+export default WithServerComponentErrorBoundary(MedalsPage);
diff --git a/front_end/src/app/(main)/(leaderboards)/medals/components/medals_widget.tsx b/front_end/src/app/(main)/(leaderboards)/medals/components/medals_widget.tsx
index 90f82eb14a..67f3963dc1 100644
--- a/front_end/src/app/(main)/(leaderboards)/medals/components/medals_widget.tsx
+++ b/front_end/src/app/(main)/(leaderboards)/medals/components/medals_widget.tsx
@@ -11,85 +11,88 @@ import { RANKING_CATEGORIES } from "../../ranking_categories";
 import { SCORING_CATEGORY_FILTER } from "../../search_params";
 import { getMedalCategories } from "../helpers/medal_categories";
 import { getMedalDisplayTitle } from "../helpers/medal_title";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   profileId: number;
 };
 
 const MedalsWidget: FC<Props> = async ({ profileId }) => {
-  const t = await getTranslations();
+    const t = await getTranslations();
 
-  const userMedals = await LeaderboardApi.getUserMedals(profileId);
-  const categories = getMedalCategories(userMedals, true);
+    const userMedals = await LeaderboardApi.getUserMedals(profileId);
+    const categories = getMedalCategories(userMedals, true);
 
-  return (
-    <section className="rounded bg-white p-4 dark:bg-blue-900 md:p-6">
-      <div className="mb-5 flex w-full flex-row items-center justify-between">
-        <h3 className="my-0 py-0 text-gray-700 dark:text-gray-300">
-          {t("medals")}
-        </h3>
-        <a
-          className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
-          href={`/accounts/profile/${profileId}?mode=medals`}
-        >
-          View All
-        </a>
-      </div>
-      <div className="flex w-full flex-col items-center gap-2 md:gap-3">
-        {categories?.map((category, index) => (
-          <div
-            key={index}
-            className={classNames(
-              "flex w-full flex-col items-center justify-center rounded  bg-blue-100 dark:bg-blue-950/50",
-              { "sm:col-span-2": category.name === "tournament" }
-            )}
+    return (
+      <section className="rounded bg-white p-4 dark:bg-blue-900 md:p-6">
+        <div className="mb-5 flex w-full flex-row items-center justify-between">
+          <h3 className="my-0 py-0 text-gray-700 dark:text-gray-300">
+            {t("medals")}
+          </h3>
+          <a
+            className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300"
+            href={`/accounts/profile/${profileId}?mode=medals`}
           >
-            <Link
-              href={`/accounts/profile/${profileId}?mode=medals`}
-              className="flex w-full items-center justify-center gap-3 self-stretch px-5 py-1.5 text-base font-medium text-blue-800 no-underline dark:text-blue-800-dark md:py-3 md:text-lg"
+            View All
+          </a>
+        </div>
+        <div className="flex w-full flex-col items-center gap-2 md:gap-3">
+          {categories?.map((category, index) => (
+            <div
+              key={index}
+              className={classNames(
+                "flex w-full flex-col items-center justify-center rounded  bg-blue-100 dark:bg-blue-950/50",
+                { "sm:col-span-2": category.name === "tournament" }
+              )}
             >
-              <span>{t(RANKING_CATEGORIES[category.name].translationKey)}</span>
-            </Link>
-            <div className="flex flex-wrap content-center items-center justify-center gap-[8px] self-stretch rounded-b bg-blue-200 px-3 py-2 dark:bg-blue-100-dark md:gap-[13px] md:py-3">
-              {!!category.medals.length ? (
-                category.medals.map((medal, index) => {
-                  const tooltipContent = (
-                    <div className="flex flex-col items-center self-stretch">
-                      <span className="text-sm font-bold text-gray-800 dark:text-gray-800-dark">
-                        {getMedalDisplayTitle(medal)}
-                      </span>
-                      <span className="text-base text-gray-700 dark:text-gray-700-dark">
-                        {t("rank")}:{" "}
-                        <span className="font-bold">#{medal.rank}</span>{" "}
-                        {t("outOfRank", { total: medal.totalEntries })}
-                      </span>
-                    </div>
-                  );
-
-                  return (
-                    <Tooltip
-                      showDelayMs={200}
-                      placement={"bottom"}
-                      tooltipContent={tooltipContent}
-                      key={index}
-                    >
-                      <a href={`/accounts/profile/${profileId}?mode=medals`}>
-                        <MedalIcon type={medal.type} className="size-6" />
-                      </a>
-                    </Tooltip>
-                  );
-                })
-              ) : (
-                <span className="text-base text-gray-500 dark:text-gray-500-dark">
-                  {t("noMedals")}
+              <Link
+                href={`/accounts/profile/${profileId}?mode=medals`}
+                className="flex w-full items-center justify-center gap-3 self-stretch px-5 py-1.5 text-base font-medium text-blue-800 no-underline dark:text-blue-800-dark md:py-3 md:text-lg"
+              >
+                <span>
+                  {t(RANKING_CATEGORIES[category.name].translationKey)}
                 </span>
-              )}
+              </Link>
+              <div className="flex flex-wrap content-center items-center justify-center gap-[8px] self-stretch rounded-b bg-blue-200 px-3 py-2 dark:bg-blue-100-dark md:gap-[13px] md:py-3">
+                {!!category.medals.length ? (
+                  category.medals.map((medal, index) => {
+                    const tooltipContent = (
+                      <div className="flex flex-col items-center self-stretch">
+                        <span className="text-sm font-bold text-gray-800 dark:text-gray-800-dark">
+                          {getMedalDisplayTitle(medal)}
+                        </span>
+                        <span className="text-base text-gray-700 dark:text-gray-700-dark">
+                          {t("rank")}:{" "}
+                          <span className="font-bold">#{medal.rank}</span>{" "}
+                          {t("outOfRank", { total: medal.totalEntries })}
+                        </span>
+                      </div>
+                    );
+
+                    return (
+                      <Tooltip
+                        showDelayMs={200}
+                        placement={"bottom"}
+                        tooltipContent={tooltipContent}
+                        key={index}
+                      >
+                        <a href={`/accounts/profile/${profileId}?mode=medals`}>
+                          <MedalIcon type={medal.type} className="size-6" />
+                        </a>
+                      </Tooltip>
+                    );
+                  })
+                ) : (
+                  <span className="text-base text-gray-500 dark:text-gray-500-dark">
+                    {t("noMedals")}
+                  </span>
+                )}
+              </div>
             </div>
-          </div>
-        ))}
-      </div>
-    </section>
-  );
+          ))}
+        </div>
+      </section>
+    );
 };
 
-export default MedalsWidget;
+export default WithServerComponentErrorBoundary(MedalsWidget);
diff --git a/front_end/src/app/(main)/experiments/elections/components/card_forecast.tsx b/front_end/src/app/(main)/experiments/elections/components/card_forecast.tsx
index 28d3d29627..0bf7e7f946 100644
--- a/front_end/src/app/(main)/experiments/elections/components/card_forecast.tsx
+++ b/front_end/src/app/(main)/experiments/elections/components/card_forecast.tsx
@@ -3,6 +3,7 @@ import { FC } from "react";
 import ForecastCard from "@/components/forecast_card";
 import PostsApi from "@/services/posts";
 import { TimelineChartZoomOption } from "@/types/charts";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   postId: number;
@@ -20,4 +21,4 @@ const CardForecast: FC<Props> = async ({ postId }) => {
   );
 };
 
-export default CardForecast;
+export default WithServerComponentErrorBoundary(CardForecast);
diff --git a/front_end/src/app/(main)/experiments/elections/components/expected_electoral_votes_forecast/index.tsx b/front_end/src/app/(main)/experiments/elections/components/expected_electoral_votes_forecast/index.tsx
index d23ad39a33..4e4b54d4bf 100644
--- a/front_end/src/app/(main)/experiments/elections/components/expected_electoral_votes_forecast/index.tsx
+++ b/front_end/src/app/(main)/experiments/elections/components/expected_electoral_votes_forecast/index.tsx
@@ -11,6 +11,7 @@ import { Candle } from "@/types/experiments";
 import { QuestionType, QuestionWithForecasts } from "@/types/question";
 import { getDisplayValue } from "@/utils/charts";
 import { computeQuartilesFromCDF } from "@/utils/math";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   democratPostId: number;
@@ -150,4 +151,4 @@ function getForecastData(
   };
 }
 
-export default ExpectedElectoralVotesForecast;
+export default WithServerComponentErrorBoundary(ExpectedElectoralVotesForecast);
diff --git a/front_end/src/app/(main)/experiments/elections/components/state_by_forecast/index.tsx b/front_end/src/app/(main)/experiments/elections/components/state_by_forecast/index.tsx
index ba014881e6..7b3997731d 100644
--- a/front_end/src/app/(main)/experiments/elections/components/state_by_forecast/index.tsx
+++ b/front_end/src/app/(main)/experiments/elections/components/state_by_forecast/index.tsx
@@ -17,6 +17,7 @@ import { extractQuestionGroupName } from "@/utils/questions";
 import MiddleVotesArrow from "./middle_votes_arrow";
 import StateByForecastCharts from "./state_by_forecast_charts";
 import { US_MAP_AREAS } from "./us_areas";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   questionGroupId: number;
@@ -226,4 +227,4 @@ function getDemocratRepublicanPrediction({
   };
 }
 
-export default StateByForecast;
+export default WithServerComponentErrorBoundary(StateByForecast);
diff --git a/front_end/src/app/(main)/questions/[id]/components/sidebar/news_match/index.tsx b/front_end/src/app/(main)/questions/[id]/components/sidebar/news_match/index.tsx
index 9d115ca944..62c58089ed 100644
--- a/front_end/src/app/(main)/questions/[id]/components/sidebar/news_match/index.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/sidebar/news_match/index.tsx
@@ -3,21 +3,20 @@ import { FC } from "react";
 import PostsApi from "@/services/posts";
 
 import NewsMatchDrawer from "./news_match_drawer";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 interface Props {
   questionId: number;
 }
 
-const fetchArticles = async (postId: number) => {
-  return await PostsApi.getRelatedNews(postId);
-};
-
 const NewsMatch: FC<Props> = async ({ questionId }) => {
-  const articles = await fetchArticles(questionId);
+  const articles = await PostsApi.getRelatedNews(questionId);
 
   if (articles.length > 0) {
     return <NewsMatchDrawer articles={articles} questionId={questionId} />;
+  } else {
+    return null;
   }
 };
 
-export default NewsMatch;
+export default WithServerComponentErrorBoundary(NewsMatch);
diff --git a/front_end/src/app/(main)/questions/[id]/components/sidebar/similar_questions/index.tsx b/front_end/src/app/(main)/questions/[id]/components/sidebar/similar_questions/index.tsx
index 5cf1b24ee6..06524b2081 100644
--- a/front_end/src/app/(main)/questions/[id]/components/sidebar/similar_questions/index.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/sidebar/similar_questions/index.tsx
@@ -5,6 +5,7 @@ import { PostStatus } from "@/types/post";
 import { QuestionOrder } from "@/types/question";
 
 import SimilarQuestionsDrawer from "./similar_questions_drawer";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 type Props = {
   post_id: number;
@@ -23,4 +24,4 @@ const SimilarQuestions: FC<Props> = async ({ post_id }) => {
   return <SimilarQuestionsDrawer questions={questions} />;
 };
 
-export default SimilarQuestions;
+export default WithServerComponentErrorBoundary(SimilarQuestions) as FC<Props>;
diff --git a/front_end/src/app/(main)/questions/discovery/components/tags_discovery.tsx b/front_end/src/app/(main)/questions/discovery/components/tags_discovery.tsx
index 02f837b2c9..2dcdadfa9c 100644
--- a/front_end/src/app/(main)/questions/discovery/components/tags_discovery.tsx
+++ b/front_end/src/app/(main)/questions/discovery/components/tags_discovery.tsx
@@ -9,6 +9,7 @@ import { SearchParams } from "@/types/navigation";
 import DiscoverySection from "./section";
 import AwaitedTags from "./tags";
 import { TAGS_TEXT_SEARCH_FILTER } from "../constants/tags_feed";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
 
 const getFilters = (searchParams: SearchParams) => {
   const filters: TagsParams = {};
@@ -40,4 +41,4 @@ const TagsDiscovery: FC<{ searchParams: SearchParams }> = async ({
   );
 };
 
-export default TagsDiscovery;
+export default WithServerComponentErrorBoundary(TagsDiscovery);
diff --git a/front_end/src/app/(main)/questions/page.tsx b/front_end/src/app/(main)/questions/page.tsx
index 12b4840bd5..43ab17a2b3 100644
--- a/front_end/src/app/(main)/questions/page.tsx
+++ b/front_end/src/app/(main)/questions/page.tsx
@@ -34,7 +34,7 @@ export default async function Questions({
               <LoadingIndicator className="mx-auto h-8 w-24 text-gray-600 dark:text-gray-600-dark" />
             }
           >
-            <AwaitedPostsFeed filters={filters} />
+            <AwaitedPostsFeed filters={filters} topics={topics} />
           </Suspense>
         </div>
       </div>
diff --git a/front_end/src/components/posts_feed/index.tsx b/front_end/src/components/posts_feed/index.tsx
index 0ee317206c..7b3f109bfa 100644
--- a/front_end/src/components/posts_feed/index.tsx
+++ b/front_end/src/components/posts_feed/index.tsx
@@ -5,13 +5,28 @@ import PaginatedPostsFeed, {
 } from "@/components/posts_feed/paginated_feed";
 import { POSTS_PER_PAGE } from "@/constants/posts_feed";
 import PostsApi, { PostsParams } from "@/services/posts";
+import WithServerComponentErrorBoundary from "@/components/server_component_error_boundary";
+import { Topic } from "@/types/projects";
 
 type Props = {
   filters: PostsParams;
   type?: PostsFeedType;
+  topics?: Topic[];
 };
 
-const AwaitedPostsFeed: FC<Props> = async ({ filters, type }) => {
+const AwaitedPostsFeed: FC<Props> = async ({ filters, type, topics }) => {
+    if (
+      topics &&
+      filters.topic &&
+      !topics?.some((topic) => topic.slug === filters.topic)
+    ) {
+      return (
+        <div className="text-center text-gray-500 dark:text-gray-500-dark">
+          Such topic does not exist
+        </div>
+      );
+    }
+
   const { results: questions, count } = await PostsApi.getPostsWithCP({
     ...filters,
     limit: POSTS_PER_PAGE,
@@ -27,4 +42,4 @@ const AwaitedPostsFeed: FC<Props> = async ({ filters, type }) => {
   );
 };
 
-export default AwaitedPostsFeed;
+export default WithServerComponentErrorBoundary(AwaitedPostsFeed);
diff --git a/front_end/src/components/refresh_button.tsx b/front_end/src/components/refresh_button.tsx
new file mode 100644
index 0000000000..ea7b7ca96a
--- /dev/null
+++ b/front_end/src/components/refresh_button.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import React from "react";
+import { useRouter } from "next/navigation";
+import Button from "./ui/button";
+
+const RefreshButton: React.FC = () => {
+  const router = useRouter();
+
+  return (
+    <Button variant="primary" onClick={() => router.refresh()}>
+      Try again
+    </Button>
+  );
+};
+
+export default RefreshButton;
diff --git a/front_end/src/components/server_component_error_boundary.tsx b/front_end/src/components/server_component_error_boundary.tsx
new file mode 100644
index 0000000000..ffca597bf0
--- /dev/null
+++ b/front_end/src/components/server_component_error_boundary.tsx
@@ -0,0 +1,32 @@
+import { FC } from "react";
+import RefreshButton from "./refresh_button";
+
+const WithServerComponentErrorBoundary = <P extends {}>(
+  Component: FC<P>
+): FC<P> => {
+  const WrappedComponent = async (props: P) => {
+    try {
+      return await Component(props);
+    } catch (error) {
+      if (error instanceof Error) {
+        const { digest } = error as Error & { digest?: string };
+        return (
+          <div className="flex h-[50vh] w-full flex-col items-center justify-center">
+            <h2>{digest ?? "Unknown error"}</h2>
+            <RefreshButton />
+          </div>
+        );
+      }
+
+      return (
+        <div className="flex h-[50vh] w-full flex-col items-center justify-center">
+          <h2>Unknown error</h2>
+          <RefreshButton />
+        </div>
+      );
+    }
+  };
+  return WrappedComponent as FC<P>;
+};
+
+export default WithServerComponentErrorBoundary;