feat: adds Unkey for API key generation

README.md

@@ -67,6 +67,7 @@ cp .env.example .env.local
    2. Create [Stripe](https://stripe.com) Account
    3. Create [Google Console](https://console.cloud.google.com/) Account
    4. Create [Resend](https://resend.com/) Account
+   5. Create [Unkey](https://unkey.com) Account
 
 5. Start the development server from either yarn or turbo:
 
@@ -107,6 +108,7 @@ pnpm run deploy
 - [Vercel](https://vercel.com/) – Easily preview & deploy changes with git
 - [PlanetScale](https://planetscale.com/) – A cutting-edge database platform for seamless, scalable data management
 - [Resend](https://resend.com/) – A powerful email framework for streamlined email development
+- [Unkey](https://unkey.dev) – API key management for developers
 
 ## Contributing
 

apps/www/package.json

@@ -28,6 +28,7 @@
     "@t3-oss/env-nextjs": "^0.9.2",
     "@tanstack/react-table": "^8.10.7",
     "@typescript-eslint/parser": "^6.9.0",
+    "@unkey/api": "^0.20.2",
     "@vercel/analytics": "^1.1.1",
     "@vercel/og": "^0.5.20",
     "axios": "^1.6.7",

apps/www/src/actions/generate-api-key.ts

@@ -4,6 +4,8 @@
 import { revalidatePath } from "next/cache";
 import { createProjectAndChannel } from "@/actions/create-project-and-channel"; // Import the function
 
+import { Unkey } from "@unkey/api";
+
 import { prisma } from "@/lib/db";
 import { getCurrentUser } from "@/lib/session";
 
@@ -13,12 +15,41 @@ export async function generateAndSaveApiKey() {
   const user = await getCurrentUser();
   const userId = user?.id;
 
+  if (!process.env.UNKEY_ROOT_KEY) {
+    console.error("UNKEY_ROOT_KEY environment variable is not set.");
+    return {
+      success: false,
+      error: "UNKEY_ROOT_KEY environment variable is not set.",
+    };
+  }
+
+  const unkey = new Unkey({ rootKey: process.env.UNKEY_ROOT_KEY });
+
   if (!userId) {
     console.error("No user is currently logged in.");
     return { success: false, error: "User not authenticated" };
   }
 
-  const apiKey = generateApiKey();
+  const { result } = await unkey.keys.create({
+    apiId: "api_3Sw97gepmEHFKTepgM5GaFxy8cWG",
+    prefix: "ding",
+    ownerId: userId,
+    ratelimit: {
+      type: "fast",
+      limit: 10,
+      refillRate: 1,
+      refillInterval: 1000,
+    },
+    enabled: true,
+  });
+
+  if (!result) {
+    console.error("Error creating API key.");
+    return { success: false, error: "Error creating API key." };
+  }
+
+  const apiKey = result.key;
+
   console.log(`Generated API key for user ID: ${userId}. API Key: ${apiKey}`);
 
   try {

apps/www/src/app/(dashboard)/dashboard/settings/page.tsx

@@ -2,6 +2,7 @@ import { redirect } from "next/navigation";
 
 import { authOptions } from "@/lib/auth";
 import { getCurrentUser } from "@/lib/session";
+import { AddApiKeyButton } from "@/components/buttons/AddApiKeyButton";
 import { DashboardHeader } from "@/components/dashboard/header";
 import { DashboardShell } from "@/components/dashboard/shell";
 import { LanguageForm2 } from "@/components/forms/language-form2";
@@ -30,6 +31,7 @@ export default async function SettingsPage() {
         heading="Settings"
         text="Manage account and website settings."
       />
+      <AddApiKeyButton />
       <div className="grid gap-10">
         <UserNameForm user={{ id: user.id, name: user.name || "" }} />
       </div>