Proyek: Blog + API

// lib/posts.ts
export type Post = {
  slug: string;
  judul: string;
  isi: string;
  tanggal: string;
};

export const posts: Post[] = [
  {
    slug: "belajar-nextjs",
    judul: "Belajar Next.js dari Nol",
    isi: "Next.js adalah framework React...",
    tanggal: "2026-10-01",
  },
  // ... tambah 4-5 artikel dummy
];

export function getPost(slug: string) {
  return posts.find((p) => p.slug === slug);
}

// app/page.tsx
import Link from "next/link";
import { posts } from "@/lib/posts";

export default function Beranda() {
  return (
    <main>
      <h1>Blog Saya</h1>
      {posts.map((p) => (
        <article key={p.slug}>
          <Link href={`/blog/${p.slug}`}><h2>{p.judul}</h2></Link>
          <time>{p.tanggal}</time>
        </article>
      ))}
    </main>
  );
}

// app/blog/[slug]/page.tsx
import { notFound } from "next/navigation";
import type { Metadata } from "next";
import { posts, getPost } from "@/lib/posts";

export function generateStaticParams() {
  return posts.map((p) => ({ slug: p.slug }));
}

export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
  const { slug } = await params;
  const post = getPost(slug);
  if (!post) return { title: "Tidak ditemukan" };
  return { title: post.judul, description: post.isi.slice(0, 150) };
}

export default async function Detail({ params }: { params: Promise<{ slug: string }> }) {
  const { slug } = await params;
  const post = getPost(slug);
  if (!post) notFound();
  return (
    <article>
      <h1>{post.judul}</h1>
      <time>{post.tanggal}</time>
      <p>{post.isi}</p>
    </article>
  );
}

// app/api/posts/route.ts
import { NextResponse } from "next/server";
import { posts } from "@/lib/posts";

export async function GET() {
  return NextResponse.json(posts);
}

// app/tulis/page.tsx
import { redirect } from "next/navigation";
import { revalidatePath } from "next/cache";
import { z } from "zod";
import { posts } from "@/lib/posts";

const schema = z.object({
  judul: z.string().min(5, "Judul minimal 5 karakter"),
  isi: z.string().min(20, "Isi minimal 20 karakter"),
});

async function tambahArtikel(formData: FormData) {
  "use server";
  const parsed = schema.safeParse({
    judul: formData.get("judul"),
    isi: formData.get("isi"),
  });
  if (!parsed.success) return; // di app nyata: kembalikan error ke form
  const slug = parsed.data.judul.toLowerCase().replace(/\s+/g, "-");
  posts.push({ slug, tanggal: new Date().toISOString().slice(0, 10), ...parsed.data });
  revalidatePath("/");
  redirect(`/blog/${slug}`);
}

export default function Tulis() {
  return (
    <form action={tambahArtikel}>
      <input name="judul" placeholder="Judul artikel" required />
      <textarea name="isi" placeholder="Isi artikel" required />
      <button type="submit">Terbitkan</button>
    </form>
  );
}

// middleware.ts
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";

export function middleware(req: NextRequest) {
  if (req.nextUrl.pathname.startsWith("/tulis") && req.cookies.get("admin")?.value !== "1") {
    return NextResponse.redirect(new URL("/", req.url));
  }
  return NextResponse.next();
}

export const config = { matcher: ["/tulis/:path*"] };

// app/sitemap.ts
import type { MetadataRoute } from "next";
import { posts } from "@/lib/posts";

export default function sitemap(): MetadataRoute.Sitemap {
  return [
    { url: "https://blogku.com", lastModified: new Date() },
    ...posts.map((p) => ({
      url: `https://blogku.com/blog/${p.slug}`,
      lastModified: new Date(p.tanggal),
    })),
  ];
}