Merge branch 'main' of https://github.com/Adnanarodiya/hacktoberfest-projects

Adnanarodiya · Adnanarodiya · commit a97b76ca74e7 · 2025-08-03T15:46:22.000+05:30
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -38,18 +38,23 @@ To use GitHub authentication in the project, you need to create a GitHub OAuth a
 
 Xata is used as the database for this project. Follow these steps to set it up:
 
-1. Sign up for a Xata account at https://xata.io/
-2. Install the Xata CLI globally:
+1. Sign up for a Xata account at https://lite.xata.io/
+2. Create a new workspace and database from Xata dashboard
+3. Install the Xata CLI globally:
 ```sh
 npm install -g "@xata.io/cli@latest"
 ```
-3. Authenticate with Xata:
+4. Authenticate with Xata:
 ```sh
 xata auth login
 ```
-4. Run the migration:
+5. Initialize the database:
 ```sh
-xata push main
+xata init
+```
+5. Upload the database schema:
+```sh
+xata schema upload db-schema.json
 ```
 
 ## Environment Variables
diff --git a/next.config.mjs b/next.config.mjs
@@ -3,6 +3,9 @@ import './src/env.mjs';
 /**@type {import('next').NextConfig}*/
 const config = {
   reactStrictMode: true,
+  experimental: {
+    viewTransition: true
+  },
   async redirects() {
     return [
       {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import '@/styles/globals.css';
 import Script from 'next/script';
 import type { Metadata, Viewport } from 'next';
 import { Space_Grotesk } from 'next/font/google';
+import { unstable_ViewTransition as ViewTransition } from 'react';
 import { Toaster } from 'react-hot-toast';
 import { SessionProvider } from 'next-auth/react';
 import { Footer } from '@/components/footer';
@@ -19,19 +20,21 @@ export default function RootLayout({ children }: React.PropsWithChildren) {
   return (
     <html className={spaceGrotesk.variable}>
       <body className="font-sans font-normal bg-hacktoberfest-blue">
-        {children}
-        <Footer />
-        <SessionProvider>
-          <ReportModal />
-        </SessionProvider>
-        <Toaster position="bottom-right" />
-        {env.NEXT_PUBLIC_ANALYTICS_WEBSITE_ID && (
-          <Script
-            src="https://cloud.umami.is/script.js"
-            data-website-id={env.NEXT_PUBLIC_ANALYTICS_WEBSITE_ID}
-            strategy="lazyOnload"
-          />
-        )}
+        <ViewTransition>
+          {children}
+          <Footer />
+          <SessionProvider>
+            <ReportModal />
+          </SessionProvider>
+          <Toaster position="bottom-right" />
+          {env.NEXT_PUBLIC_ANALYTICS_WEBSITE_ID && (
+            <Script
+              src="https://cloud.umami.is/script.js"
+              data-website-id={env.NEXT_PUBLIC_ANALYTICS_WEBSITE_ID}
+              strategy="lazyOnload"
+            />
+          )}
+        </ViewTransition>
       </body>
     </html>
   );
