diff --git a/web/site/app/pages/products/index.vue b/web/site/app/pages/products/index.vue
index 499cd08..7c0dbc0 100644
--- a/web/site/app/pages/products/index.vue
+++ b/web/site/app/pages/products/index.vue
@@ -16,8 +16,10 @@ const { data: products } = await useAsyncData(
     watch: [locale]
   }
 )
+const completedProducts = computed(() => {
+  return products.value?.sort((a, b) => a.name.localeCompare(b.name)) ?? []
+})
 
-// console.log(products.value)
 </script>
 <template>
   <div class="mx-auto w-full max-w-[1360px] p-2 sm:p-4 lg:p-8">
@@ -26,7 +28,7 @@ const { data: products } = await useAsyncData(
     </h1>
     <ul class="mx-auto flex flex-wrap justify-center gap-8">
       <SbcDocsProductCard
-        v-for="product in products"
+        v-for="product in completedProducts"
         :key="product._dir"
         :name="product.name"
         :badge="product.badge"
diff --git a/web/site/nuxt.config.ts b/web/site/nuxt.config.ts
index 2d46b29..c4af1f2 100644
--- a/web/site/nuxt.config.ts
+++ b/web/site/nuxt.config.ts
@@ -15,7 +15,8 @@ export default defineNuxtConfig({
         '/en-CA/sbc/dashboard',
         '/en-CA/sbc/tos',
         '/en-CA/sbc/auth/login',
-        '/en-CA/sbc/auth/logout'
+        '/en-CA/sbc/auth/logout',
+        '/en-CA/products/get-started/api-access-request'
       ]
     }
   },
@@ -70,7 +71,10 @@ export default defineNuxtConfig({
     },
     ignores: [
       'web-component',
-      '/sbc/tos'
+      '/sbc/tos',
+      '/products/bn',
+      'products/connect',
+      '/1.get-started/3.api-access-request.md'
     ]
   },
   colorMode: {