چیت‌شیت Next.js

1"use client";23import { useState } from "react";45export function Counter() {6  const [count, setCount] = useState(0);7  return <button onClick={() => setCount(count + 1)}>{count}</button>;8}

1export default async function Page() {2  const response = await fetch("https://api.example.test/posts");3  if (!response.ok) throw new Error("Unable to load posts");4  const posts = await response.json();56  return <PostList posts={posts} />;7}

1Server Component:2- داده و secrets سمت سرور3- کاهش JavaScript مرورگر45Client Component:6- state و event handler7- APIهای window و document

1const response = await fetch(apiUrl);2if (!response.ok) {3  throw new Error(`Request failed: ${response.status}`);4}5const data = await response.json();

1import type { Metadata } from "next";23export const metadata: Metadata = {4  title: "راهنما",5  description: "مستندات کاربردی",6};

1export async function GET() {2  return Response.json({ status: "ok" });3}45export async function POST(request: Request) {6  const body = await request.json();7  return Response.json({ received: Boolean(body) }, { status: 201 });8}

1export async function generateStaticParams() {2  const posts = await getPosts();3  return posts.map((post) => ({ slug: post.slug }));4}