示例

实用的代码示例，帮助你快速上手

页面布局

使用 App Router 创建页面布局

typescript

// app/[locale]/layout.tsx
export default function Layout({ children }) {
  return (
    <div className="flex min-h-screen flex-col">
      <Header />
      <main className="flex-1">{children}</main>
      <Footer />
    </div>
  )
}

数据库查询

使用 Prisma 查询数据

typescript

// lib/db.ts
import { db } from "@/lib/db"

const posts = await db.post.findMany({
  where: { status: "PUBLISHED" },
  orderBy: { createdAt: "desc" },
  include: { author: true },
})

用户认证

实现用户登录认证

typescript

// lib/auth/session.ts
import { getCurrentUser } from "@/lib/auth/session"

export default async function Page() {
  const user = await getCurrentUser()

  if (!user) {
    redirect("/login")
  }

  return <Dashboard user={user} />
}