Allow for easy local dev modifications to fetch script

Author: a1icja

.gitignore

@@ -36,3 +36,4 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
+/job_stats.json

README.md

@@ -72,6 +72,7 @@ Follow these steps to set up the development environment for the Kata Containers
 3. **Run the development server**:
    Start the Next.js development server with hot-reloading enabled.
    ```bash
+   node scripts/fetch-ci-nightly-data.js > job_stats.json
    npm run dev
    ```
 
@@ -96,5 +97,5 @@ Follow these steps to set up the development environment for the Kata Containers
 - **Fetch CI Nightly Data**: 
   The `fetch-ci-nightly-data.js` script can be executed manually to pull the latest CI test data from the Kata Containers repository:
    ```bash
-   node scripts/fetch-ci-nightly-data.js
+   node scripts/fetch-ci-nightly-data.js > job_stats.json
    ```

pages/index.js

@@ -13,11 +13,16 @@ export default function Home() {
   useEffect(() => {
     const fetchData = async () => {
       let data = {};
-      const response = await fetch(
-        "https://raw.githubusercontent.com/kata-containers/kata-containers.github.io" +
-          "/refs/heads/latest-dashboard-data/data/job_stats.json"
-      );
-      data = await response.json();
+
+      if (process.env.NODE_ENV === "development") {
+        data = (await import("../job_stats.json")).default;
+      } else {
+        const response = await fetch(
+          "https://raw.githubusercontent.com/kata-containers/kata-containers.github.io" +
+            "/refs/heads/latest-dashboard-data/data/job_stats.json"
+        );
+        data = await response.json();
+      }
 
       try {
         const jobData = Object.keys(data).map((key) => {