feat: integrate SWR for data fetching and update GitHub API authorization method

Author: Shramkoweb

pages/_app.tsx

@@ -2,6 +2,7 @@ import type { AppProps } from 'next/app';
 import { ThemeProvider } from 'next-themes';
 import { Analytics } from '@vercel/analytics/react';
 import { SpeedInsights } from '@vercel/speed-insights/next';
+import { SWRConfig } from 'swr';
 
 import { isProduction } from '@/lib/utils';
 
@@ -16,11 +17,19 @@ function MyApp({ Component, pageProps }: AppProps) {
       {isProduction() && <GoogleAnalytics />}
 
       <ThemeProvider attribute="class">
-        <Layout>
-          <Component {...pageProps} />
-          <SpeedInsights />
-          <Analytics />
-        </Layout>
+        <SWRConfig
+          value={{
+            revalidateOnFocus: false,
+            revalidateOnReconnect: false,
+            dedupingInterval: 60000, // 1 minute
+          }}
+        >
+          <Layout>
+            <Component {...pageProps} />
+            <SpeedInsights />
+            <Analytics />
+          </Layout>
+        </SWRConfig>
       </ThemeProvider>
     </>
   );

pages/api/github.ts

@@ -1,7 +1,7 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 
 const GH_HEADERS = new Headers({
-  Authorization: `Bauer ${process.env.GITHUB_TOKEN}`,
+  Authorization: `Bearer ${process.env.GITHUB_TOKEN}`,
 });
 
 const starReducer = (acc: number, repo: { stargazers_count: number }) => {