enable tree shaking

Author: tondeee

components/SocialLinks.tsx

@@ -1,34 +1,28 @@
-"use client";
-import React, { useEffect, useState } from "react";
 import Link from "next/link";
 
 interface SocialLinksProps {
   className?: string;
 }
 
-export default function SocialLinks({ className = "" }: SocialLinksProps) {
-  const [stars, setStars] = useState<number | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    async function fetchStars() {
-      try {
-        const response = await fetch(
-          "https://api.github.com/repos/APIs-guru/openapi-directory",
-        );
-        if (response.ok) {
-          const data = await response.json();
-          setStars(data.stargazers_count);
-        }
-      } catch (error) {
-        console.error("Failed to fetch GitHub stars:", error);
-      } finally {
-        setLoading(false);
-      }
+async function fetchStars() {
+  const response = await fetch(
+    "https://api.github.com/repos/APIs-guru/openapi-directory",
+    {
+      next: { revalidate: 604800 },
     }
+  );
+  if (!response.ok) {
+    console.error("Failed to fetch GitHub stars:", response.statusText);
+    return 4200;
+  }
+  const data = await response.json();
+  return data.stargazers_count || 4200;
+}
 
-    fetchStars();
-  }, []);
+export default async function SocialLinks({
+  className = "",
+}: SocialLinksProps) {
+  const stars = await fetchStars();
 
   const formatStars = (count: number): string => {
     if (count >= 1000) {
@@ -54,12 +48,7 @@ export default function SocialLinks({ className = "" }: SocialLinksProps) {
         >
           <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
         </svg>
-        <span className="text-sm font-medium">
-          {loading ? "Star" : `${formatStars(stars || 0)} Stars`}
-        </span>
-        {loading && (
-          <span className="inline-block w-3 h-3 border-2 border-t-transparent border-white rounded-full animate-spin ml-1"></span>
-        )}
+        <span className="text-sm font-medium">{formatStars(stars)} Stars</span>
       </Link>
       <Link
         href="https://twitter.com/intent/tweet?text=http%3A%2F%2FAPIs.guru%20-%20Wikipedia%20for%20%23Web%20%23APIs%20by%20@APIs_guru%20pic.twitter.com/UhlhbMw1NP"

next.config.ts

@@ -18,6 +18,19 @@ const nextConfig: NextConfig = {
       },
     ],
   },
+  webpack: (config, { webpack }) => {
+    config.plugins.push(
+      new webpack.DefinePlugin({
+        __SENTRY_DEBUG__: false,
+        __SENTRY_TRACING__: false,
+        __RRWEB_EXCLUDE_IFRAME__: true,
+        __RRWEB_EXCLUDE_SHADOW_DOM__: true,
+        __SENTRY_EXCLUDE_REPLAY_WORKER__: true,
+      })
+    );
+
+    return config;
+  },
 };
 
 export default withSentryConfig(nextConfig, {