Handle disabled webgl

apps/website/src/components/donut.tsx

@@ -1,6 +1,15 @@
+"use client";
+
+import { useWebGL } from "@/hooks/use-webgl";
 import Spline from "@splinetool/react-spline/next";
 
 export async function Donut() {
+  const { webglDisabled } = useWebGL();
+
+  if (webglDisabled) {
+    return null;
+  }
+
   return (
     <div className="animate-webgl-scale-in-fade">
       <Spline

apps/website/src/hooks/use-webgl.ts

@@ -0,0 +1,21 @@
+import { useEffect, useState } from "react";
+
+function isWebGLDisabled(): boolean {
+  const canvas = document.createElement("canvas");
+  const gl =
+    canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
+  return !gl;
+}
+
+export function useWebGL() {
+  const [webglDisabled, setWebGLDisabled] = useState(false);
+
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const disabled = isWebGLDisabled();
+      setWebGLDisabled(disabled);
+    }
+  }, []);
+
+  return { webglDisabled };
+}

apps/website/src/lib/fetch-github-stars.ts

@@ -7,7 +7,6 @@ export async function fetchGithubStars() {
       next: {
         revalidate: 3600,
       },
-      cache: "force-cache",
     },
   );