build: return error when data load fails

src/app/(pages)/assessments/page.js

@@ -3,6 +3,9 @@ import AssessmentsList from "../../components/assessments-list";
 
 async function getAssessments() {
   const response = await fetch('http://localhost:3000/api/assessments')
+  if (!response.ok) {
+    return new Error("failed to load assessments")
+  }
   return response.json()
 }
 

src/app/(pages)/classrooms/page.js

@@ -3,6 +3,9 @@ import ClassroomsList from "../../components/classroom-list";
 
 async function getClassrooms() {
   const response = await fetch('http://localhost:3000/api/classrooms')
+  if (!response.ok) {
+    return new Error("failed to load classrooms")
+  }
   return response.json()
 }
 

src/app/(pages)/courses/page.js

@@ -3,6 +3,9 @@ import CoursesList from "../../components/course-list";
 
 async function getCourses() {
   const response = await fetch('http://localhost:3000/api/courses')
+  if (!response.ok) {
+    return new Error("failed to load courses")
+  }
   return response.json()
 }
 

src/app/(pages)/home/page.js

@@ -3,6 +3,9 @@ import HomeList from "../../components/home-list";
 
 async function getCourses() {
   const response = await fetch('http://localhost:3000/api/courses')
+  if (!response.ok) {
+    return new Error("failed to load courses")
+  }
   return response.json()
 }
 

src/app/(pages)/questions/page.js

@@ -3,6 +3,9 @@ import QuestionsList from "../../components/questions-list";
 
 async function getQuestions() {
   const response = await fetch('http://localhost:3000/api/questions')
+  if (!response.ok) {
+    return new Error("failed to load questions")
+  }
   return response.json()
 }
 

src/app/(pages)/students/page.js

@@ -2,6 +2,9 @@ import StudentsList from "../../components/students-list"
 
 async function getStudents() {
     const response = await fetch('http://localhost:3000/api/students')
+    if (!response.ok) {
+        return new Error("failed to load students")
+    }
     return response.json()
 }
 

src/app/(pages)/teachers/page.js

@@ -2,6 +2,9 @@ import TeachersList from "../../components/teachers-list"
 
 async function getTeachers() {
     const response = await fetch('http://localhost:3000/api/teachers')
+    if (!response.ok) {
+        return new Error("failed to load teachers")
+    }
     return response.json()
 }