Merge pull request #1520 from Abhash-Chakraborty/Abhash/issue-322-clerk-auth

fix: replace broken GitHub login with Clerk auth

Author: sanjay-kv

.env.example

@@ -23,10 +23,11 @@ ALGOLIA_INDEX_NAME=your_algolia_index_name
 SHOPIFY_STORE_DOMAIN=your-store.myshopify.com
 SHOPIFY_STOREFRONT_ACCESS_TOKEN=your_storefront_access_token_here
 
-# Firebase Configuration (if needed)
-# FIREBASE_API_KEY=your_firebase_api_key
-# FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
-# FIREBASE_PROJECT_ID=your_firebase_project_id
+# Clerk Authentication Configuration
+# Browser-safe publishable key used by the frontend
+VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key_here
+# Server-side secret key used by Clerk tooling only. Do not expose this in browser code.
+CLERK_SECRET_KEY=your_clerk_secret_key_here
 
 # EmailJS Configuration (for Contact Us page)
 # Sign up at https://www.emailjs.com and create a service + template

docusaurus.config.ts

@@ -3,6 +3,7 @@ import type { Config } from "@docusaurus/types";
 import type * as Preset from "@docusaurus/preset-classic";
 import * as dotenv from "dotenv";
 import giscusInjector from "./src/plugins/giscus-injector";
+dotenv.config({ path: ".env.local" });
 dotenv.config();
 
 // This runs in Node.js - Don't use client-side code here (browser APIs, JSX...)
@@ -38,7 +39,7 @@ const config: Config = {
 
   onBrokenLinks: "throw",
   // onBrokenMarkdownLinks moved to markdown.hooks
-  
+
   // Google Analytics and Theme Scripts
   scripts: [
     {
@@ -247,7 +248,7 @@ const config: Config = {
         {
           type: "html",
           position: "right",
-          value: '<div id="firebase-auth-github-navbar"></div>',
+          value: '<div id="clerk-auth-navbar"></div>',
         },
       ],
     },
@@ -286,6 +287,7 @@ const config: Config = {
   // ✅ Add this customFields object to expose the token to the client-side
   customFields: {
     gitToken: process.env.DOCUSAURUS_GIT_TOKEN,
+    clerkPublishableKey: process.env.VITE_CLERK_PUBLISHABLE_KEY || "",
     // Shopify credentials for merch store
     SHOPIFY_STORE_DOMAIN:
       process.env.SHOPIFY_STORE_DOMAIN || "junh9v-gw.myshopify.com",
@@ -298,10 +300,10 @@ const config: Config = {
     EMAILJS_TEMPLATE_ID: process.env.EMAILJS_TEMPLATE_ID || "",
     algoliaSiteSearch: hasAlgoliaSiteSearch
       ? {
-        applicationId: algoliaAppId,
-        apiKey: algoliaSearchApiKey,
-        indexName: algoliaIndexName,
-      }
+          applicationId: algoliaAppId,
+          apiKey: algoliaSearchApiKey,
+          indexName: algoliaIndexName,
+        }
       : null,
     hooks: {
       onBrokenMarkdownLinks: "warn",