diff --git a/src/app/(app)/problems/[id]/layout.tsx b/src/app/(app)/problems/[id]/layout.tsx
index a53c021..04d9d0e 100644
--- a/src/app/(app)/problems/[id]/layout.tsx
+++ b/src/app/(app)/problems/[id]/layout.tsx
@@ -75,3 +75,13 @@ export default async function PlaygroundLayout({
     </div>
   );
 }
+
+export async function generateStaticParams() {
+  const problems = await prisma.problem.findMany({
+    select: { id: true },
+  });
+
+  return problems.map((problem) => ({
+    id: problem.id,
+  }));
+}