mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Ankur Datta
92a9d2840d
- A Next.js starter app using [Prisma Postgres](https://www.prisma.io/postgres) and Prisma ORM This PR adds a new example demonstrating how to integrate Prisma ORM with a Next.js application. The example includes: - Setup instructions for Prisma Postgres - Example models and queries - Basic CRUD operations using Prisma --------- Co-authored-by: Nikolas <nikolas.burk@gmail.com> Co-authored-by: Alex Martin <alex.martin@vercel.com> Co-authored-by: JJ Kasper <jj@jjsweb.site>
33 lines
886 B
TypeScript
33 lines
886 B
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
|
|
export default function Header() {
|
|
return (
|
|
<header className="w-full bg-white shadow-md py-4 px-8">
|
|
<nav className="flex justify-between items-center">
|
|
<Link
|
|
href="/"
|
|
className="text-xl font-bold text-gray-800 hover:text-blue-600 transition-colors"
|
|
>
|
|
Superblog
|
|
</Link>
|
|
<div className="space-x-4">
|
|
<Link href="/posts" className="text-blue-600 hover:underline">
|
|
Posts
|
|
</Link>
|
|
<Link href="/posts/new" className="text-blue-600 hover:underline">
|
|
New Post
|
|
</Link>
|
|
<Link
|
|
href="/users/new"
|
|
className="bg-blue-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 transition"
|
|
>
|
|
New User
|
|
</Link>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
);
|
|
}
|