1interface ${1:Component}Props {
2  $2
3}
4
5export function ${1:Component}({ $3 }: ${1:Component}Props) {
6  return (
7    <div className="$4">
8      $0
9    </div>
10  )
11}

1import { auth } from "@/lib/auth"
2import { redirect } from "next/navigation"
3
4export default async function ${1:Protected}Page() {
5  const session = await auth()
6  if (!session) redirect("/login")
7
8  return (
9    <main className="min-h-screen bg-[#0A0A0A] text-white">
10      $0
11    </main>
12  )
13}

1import { NextResponse } from "next/server"
2
3export async function ${1|GET,POST,PUT,DELETE|}(req: Request) {
4  try {
5    $0
6    return NextResponse.json({ success: true })
7  } catch (error) {
8    console.error(error)
9    return NextResponse.json(
10      { error: "Internal Server Error" },
11      { status: 500 }
12    )
13  }
14  }
15}

1const session = await stripe.checkout.sessions.create({
2  payment_method_types: ["card"],
3  line_items: [{ price: "${1:price_id}", quantity: 1 }],
4  mode: "${2|subscription,payment|}",
5  success_url: `${process.env.NEXT_PUBLIC_BASE_URL}/success`,
6  cancel_url: `${process.env.NEXT_PUBLIC_BASE_URL}/pricing`,
7})

1<div className="p-6 bg-[#141414] border border-white/10 rounded-xl">
2  <div className="flex items-center justify-between mb-4">
3    <h3 className="text-sm font-medium text-white/60">${1:Title}</h3>
4  </div>
5  <div className="text-3xl font-bold text-white">${2:Value}</div>
6  <p className="text-sm text-white/40 mt-1">${3:Description}</p>
7</div>

1<div className="p-6 bg-white/5 backdrop-blur-xl border border-white/10 rounded-2xl">
2  $0
3</div>

1<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
2  <div className="md:col-span-2 p-8 bg-[#141414] border border-white/10 rounded-2xl">
3    $1
4  </div>
5  <div className="p-8 bg-[#141414] border border-white/10 rounded-2xl">
6    $2
7  </div>
8</div>