feat: add algolia docsearch

Author: notunderctrl

apps/website/docusaurus.config.ts

@@ -35,6 +35,13 @@ const config: Config = {
     ],
   ],
   themeConfig: {
+    algolia: {
+      appId: 'S9ZEIJ6SBS',
+      apiKey: '6f7582f462a448cf1f47a56901595e6e',
+      indexName: 'commandkit-js',
+      contextualSearch: true,
+      insights: false,
+    },
     colorMode: {
       defaultMode: 'dark',
     },

apps/website/package.json

@@ -18,6 +18,7 @@
   "dependencies": {
     "@docusaurus/core": "3.6.3",
     "@docusaurus/preset-classic": "3.6.3",
+    "@docusaurus/theme-search-algolia": "^3.7.0",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",

apps/website/src/pages/index.tsx

@@ -8,7 +8,7 @@ export default function Home(): React.JSX.Element {
         <img
           src="/img/logo.png"
           alt="CommandKit logo"
-          className="md:w-[230px] lg:w-[280px] mb-10 md:mb-0"
+          className="md:w-[250px] lg:w-[280px] mb-10 md:mb-0"
           width={250}
           height={250}
         />
@@ -36,7 +36,7 @@ export default function Home(): React.JSX.Element {
               to="/docs/api-reference/classes/ButtonKit"
               className="font-semibold bg-blue-500 py-2 px-4 rounded-full"
             >
-              API Reference
+              API <span className="hidden md:inline">Reference</span>
             </Link>
             <Link
               href="https://github.com/underctrl-io/commandkit"