Merge pull request #29 from okto-hq/main

first release, before docsearch algolia

.content-collections/generated/index.js

@@ -1,4 +1,4 @@
-// generated by content-collections at Wed Jan 22 2025 12:41:16 GMT+0530 (India Standard Time)
+// generated by content-collections at Wed Feb 05 2025 15:13:25 GMT+0530 (India Standard Time)
 
 import allBlogs from "./allBlogs.js";
 

.gitignore

@@ -1,3 +1,5 @@
 node_modules/
 .env
-.next/
+.next/
+.content-collections/
+.source/

README.md

@@ -5,6 +5,7 @@
 
 This repo houses Okto's [documentation](https://docs.okto.tech). More info below on how to run the website or submit PRs for new documentation, or website pages.
 
+
 ## Index
 
 - [Installation](#installation)

app/components/Navbar.tsx

@@ -16,6 +16,7 @@ import { FaReact } from "react-icons/fa6";
 import { TbBrandReactNative, TbApi } from "react-icons/tb";
 import { SiFlutter } from "react-icons/si";
 import { FaUnity } from "react-icons/fa6";
+import { SiTypescript } from "react-icons/si";
 import { useTheme } from "next-themes";
 import GitHubButton from "./GithubButton";
 import DiscordButton from "./DiscordButton";
@@ -43,21 +44,22 @@ export default function NavbarComponent() {
   }
 
   const navItems = [
-    { href: "/docs/introduction-to-okto", label: "Intro", subpath: '/okto-universe' },
     { href: "/docs/developer-admin-dashboard", label: "Using Dashboard", subpath: '/overview' },
-    { href: "/blogs", label: "Blog", subpath: '' },
+    { href: "https://www.okto.tech/blog", label: "Blog", subpath: '' },
     { href: "/showcase", label: "Showcase", subpath: '' },
-    { href: "/api-docs", label: "API Reference", subpath: '' },
+    // { href: "/api-docs", label: "API Reference", subpath: '' },
   ];
 
   const sdkOptions = [
+    { href: "/docs/typescript-sdk", label: "Typescript", subpath: '/', icons: <SiTypescript /> },
     { href: "/docs/react-sdk", label: "React", subpath: '/', icons: <FaReact /> },
     { href: "/docs/react-native-sdk", label: "React Native", subpath: '/', icons: <TbBrandReactNative /> },
     { href: "/docs/flutter-sdk", label: "Flutter", subpath: '/', icons: <SiFlutter /> },
-    { href: "/docs", label: "Unity", subpath: '/unity-sdk', icons: <FaUnity /> },
+    // { href: "/docs", label: "Unity", subpath: '/unity-sdk', icons: <FaUnity /> },
   ];
 
   const getFrameworkLabel = () => {
+    if (pathname.startsWith('/docs/typescript-sdk')) return 'Typescript';
     if (pathname.startsWith('/docs/react-sdk')) return 'React';
     if (pathname.startsWith('/docs/react-native-sdk')) return 'React Native';
     if (pathname.startsWith('/docs/flutter-sdk')) return 'Flutter';
@@ -87,7 +89,7 @@ export default function NavbarComponent() {
             <Image src="/logo/okto-icon.png" alt="Okto Logo" width={30} height={30} className="display-logo"/>
             <p className="text-2xl">okto</p>
             <Chip className="bg-[#F5F6FE] dark:bg-gray-700 text-[#5166EE] dark:text-[#7C8FFF] h-[22px] w-[55px] text-[14px]">
-              Docs
+              DocsV2
             </Chip>
           </NavbarItem>
         </ULink>
@@ -101,14 +103,15 @@ export default function NavbarComponent() {
                   ? "text-blue-600"
                   : `${poppinsLight.className}`
                   } pb-1`}
+                  target={item.href.startsWith('/docs/developer-admin-dashboard') ? '_self' : '_blank'}
               >
                 {item.label}
               </ULink>
             </NavbarItem>
           ))}
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
-              <SCButton variant="ghost" className={`text-md flex hover:bg-transparent hover:text-inherit items-center gap-1 p-0 ${pathname.startsWith('/docs/react-sdk') || pathname.startsWith('/docs/react-native-sdk') || pathname.startsWith('/docs/flutter-sdk') ? "text-blue-600 hover:text-blue-600" : `${poppinsLight.className} hover:text-inherit` }`}>
+              <SCButton variant="ghost" className={`text-md flex hover:bg-transparent hover:text-inherit items-center gap-1 p-0 ${pathname.startsWith('/docs/typescript-sdk') || pathname.startsWith('/docs/react-sdk') || pathname.startsWith('/docs/react-native-sdk') || pathname.startsWith('/docs/flutter-sdk') ? "text-blue-600 hover:text-blue-600" : `${poppinsLight.className} hover:text-inherit` }`}>
                 {getFrameworkLabel()} <ChevronDown className="h-5 w-5 font-normal" />
               </SCButton>
             </DropdownMenuTrigger>
@@ -137,7 +140,7 @@ export default function NavbarComponent() {
         </NavbarItem>
         <NavbarItem className="hidden lg:flex">
           <SCButton variant="outline" className="rounded-full flex gap-1 hover:bg-[#F5F6FE] dark:hover:bg-gray-700 hover:text-[#5166EE] dark:hover:text-[#7C8FFF]">
-            <Link href="https://teamcoindcx.typeform.com/to/CvPAQNAU">Grants</Link>
+            <Link href="https://oktohq.notion.site/Okto-Grants-Program-13f8d0b09e5b8075a646d5dbaa394eeb" target="_blank">Grants</Link>
             <MdOutlineArrowOutward size={".9rem"} />
           </SCButton>
         </NavbarItem>
@@ -149,7 +152,13 @@ export default function NavbarComponent() {
         </NavbarItem> */}
         <NavbarItem className="hidden lg:flex">
           <SCButton variant="outline" className="rounded-full flex gap-1 hover:bg-[#F5F6FE] dark:hover:bg-gray-700 hover:text-[#5166EE] dark:hover:text-[#7C8FFF]">
-            <Link href="https://dashboard.okto.tech/">Dashboard</Link>
+            <Link href="https://dashboard.okto.tech/" target="_blank">Dashboard</Link>
+            <MdOutlineArrowOutward size={".9rem"} />
+          </SCButton>
+        </NavbarItem>
+        <NavbarItem className="hidden lg:flex">
+          <SCButton variant="outline" className="rounded-full flex gap-1 hover:bg-[#F5F6FE] dark:hover:bg-gray-700 hover:text-[#5166EE] dark:hover:text-[#7C8FFF]">
+            <Link href="https://explorer.okto.zeeve.online/" target="_blank">Explorer</Link>
             <MdOutlineArrowOutward size={".9rem"} />
           </SCButton>
         </NavbarItem>