Add Shopify integration to merch store

Author: ShreyasLakhani

.env.example

@@ -4,6 +4,12 @@
 # No special permissions needed for public repositories
 GITHUB_TOKEN=your_github_token_here
 
+# Shopify Configuration (for Merch Store)
+# Get these from: Shopify Admin > Settings > Apps and sales channels > Develop apps
+# Required scopes: unauthenticated_read_product_listings, unauthenticated_write_checkouts
+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

docusaurus.config.ts

@@ -156,11 +156,6 @@ const config: Config = {
           html: '<span class="nav-emoji">💰</span> Donate',
           position: "left",
         },
-        {
-          to: "/merch",
-          html: '<span class="nav-emoji">🛍️</span> Merch',
-          position: "left",
-        },
         {
           type: "dropdown",
           html: '<span class="nav-emoji">👩🏻‍💻</span> Devfolio',
@@ -206,6 +201,10 @@ const config: Config = {
               label: "🎙️ Podcast",
               to: "/podcasts/",
             },
+            {
+              label: "🛍️ Merch Store",
+              to: "/merch",
+            },
           ],
         },
         // Search disabled until Algolia is properly configured
@@ -270,6 +269,9 @@ const config: Config = {
   // ✅ Add this customFields object to expose the token to the client-side
   customFields: {
     gitToken: process.env.DOCUSAURUS_GIT_TOKEN,
+    // Shopify credentials for merch store
+    SHOPIFY_STORE_DOMAIN: process.env.SHOPIFY_STORE_DOMAIN || 'junh9v-gw.myshopify.com',
+    SHOPIFY_STOREFRONT_ACCESS_TOKEN: process.env.SHOPIFY_STOREFRONT_ACCESS_TOKEN || '2503dfbf93132b42e627e7d53b3ba3e9',
     hooks: {
       onBrokenMarkdownLinks: "warn",
     },