Cache all required routes and enforce client-side caching

app/api/solutions/route.ts

@@ -14,7 +14,11 @@ export async function GET(request: Request) {
     const result = await model.generateContent(prompt);
     const solution = result?.response?.text?.();
 
-    return NextResponse.json({ solution });
+    return NextResponse.json({ solution }, {
+      headers: {
+        'Cache-Control': 'public, max-age=3600, stale-while-revalidate=86400'
+      }
+    });
   } catch (error: any) {
     console.error("API Error:", error.message || error);
     const message = error.message || "An unknown error occurred while generating the solution";

app/api/topics/route.ts

@@ -7,6 +7,10 @@ export async function GET() {
 
     return NextResponse.json({
       topics,
+    }, {
+      headers: {
+        'Cache-Control': 'public, max-age=3600, stale-while-revalidate=60'
+      }
     });
   } catch (error) {
     console.error("Error fetching topics:", error);

app/dashboard/page.tsx

@@ -15,7 +15,7 @@ export default function DashboardPage() {
 
   useEffect(() => {
     if (userId) {
-      fetch("/api/questions")
+      fetch("/api/questions", { cache: 'force-cache' })
         .then((res) => res.json())
         .then((data) => {
           setQuestions(data.questions);

components/SolutionDialog.tsx

@@ -39,7 +39,10 @@ export function SolutionDialog({ questionId, title }: SolutionDialogProps) {
 
       const response = await fetch(
         `/api/solutions?id=${questionId}&language=${preferredLanguage}`,
-        { headers }
+        { 
+          headers,
+          cache: 'force-cache'
+        }
       );
       const contentType = response.headers.get("content-type") || "";
 

utils/progressUtils.ts

@@ -4,7 +4,7 @@ export interface ProgressData {
 
 export async function fetchUserProgress(): Promise<ProgressData> {
   try {
-    const response = await fetch("/api/progress");
+    const response = await fetch("/api/progress", { cache: 'force-cache' });
     if (!response.ok) {
       throw new Error(`HTTP error! status: ${response.status}`);
     }