diff --git a/docs/app/docs/[[...slug]]/page.tsx b/docs/app/docs/[[...slug]]/page.tsx
index b68b80df96..64af454ec1 100644
--- a/docs/app/docs/[[...slug]]/page.tsx
+++ b/docs/app/docs/[[...slug]]/page.tsx
@@ -21,6 +21,7 @@ import {
 	DividerText,
 	Endpoint,
 	ForkButton,
+	GenerateAppleJwt,
 	GenerateSecret,
 } from "@/components/docs/mdx-components";
 import { Callout } from "@/components/ui/callout";
@@ -114,6 +115,7 @@ export default async function Page({
 						AddToCursor,
 						Features,
 						Endpoint,
+						GenerateAppleJwt,
 						GenerateSecret,
 						DividerText,
 						Callout: ({
diff --git a/docs/components/docs/mdx-components.tsx b/docs/components/docs/mdx-components.tsx
index 31764b45c5..4e090a721d 100644
--- a/docs/components/docs/mdx-components.tsx
+++ b/docs/components/docs/mdx-components.tsx
@@ -613,6 +613,16 @@ export function DividerText({ children }: { children: ReactNode }) {
 	);
 }
 
+// ─── GenerateAppleJwt ────────────────────────────────────────────────────────
+
+export function GenerateAppleJwt() {
+	return (
+		<div className="my-4 rounded-lg border bg-card p-4 text-sm text-muted-foreground/80">
+			See the Apple documentation for generating a client secret JWT.
+		</div>
+	);
+}
+
 // ─── Features (placeholder) ─────────────────────────────────────────────────
 
 export function Features({ stars }: { stars?: string | null }) {