Next.js (App Router) TypeScript

/pixel.gif 요청에 빈 GIF로 응답하는 Next.js (App Router)용 TypeScript 스니펫입니다. GIF는 시작할 때 한 번만 디코딩합니다.

Next.js (App Router) TypeScript

경로

설치: npx create-next-app@latest
파일: route.ts
실행: npm run dev

// app/pixel.gif/route.ts
const GIF = Uint8Array.from(atob('R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='), (c) => c.charCodeAt(0));

export function GET() {
  return new Response(GIF, {
    headers: {
      'Content-Type': 'image/gif',
      'Content-Length': String(GIF.length),
      'Cache-Control': 'no-store',
    },
  });
}

이 스니펫은 실행해 보고, 반환된 바이트를 비교했습니다.

확인

curl -sI http://localhost:8080/pixel.gif

공식 사이트: Next.js (App Router)

Next.js (App Router) TypeScript

Next.js (App Router) TypeScript

확인

TypeScript의 다른 예제