diff --git a/src/app/components/navbar.tsx b/src/app/components/navbar.tsx
index a698d15..fbd495b 100644
--- a/src/app/components/navbar.tsx
+++ b/src/app/components/navbar.tsx
@@ -6,12 +6,14 @@ import { ToggleThemeButton } from "./theme-toggle-button";
 type Page = {
   title: string;
   url: string;
+  openInNewTab?: boolean;
 };
 
 const pages: Page[] = [
   { title: "Player", url: "/player" },
   { title: "Server", url: "/server/java" },
   { title: "Mojang", url: "/mojang/status" },
+  { title: "API", url: "https://api.mcutils.xyz", openInNewTab: true },
 ];
 
 export default function NavBar(): JSX.Element {
@@ -22,7 +24,7 @@ export default function NavBar(): JSX.Element {
         <p className="hidden xs:block">Minecraft Utilities</p>
       </Link>
       {pages.map((page, index) => {
-        return <RedirectButton key={index} title={page.title} url={page.url} />;
+        return <RedirectButton key={index} title={page.title} url={page.url} openInNewTab={page.openInNewTab} />;
       })}
 
       <div className="flex-grow"></div>