emptygif
언어: 한국어

모든 언어 및 프레임워크

TanStack Start TypeScript

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

TanStack Start TypeScript

설치
npm create @tanstack/start@latest
파일
pixel.ts
실행
npm run dev
// src/routes/pixel[.]gif.ts  (a literal dot in a file route name is escaped as [.])
import { createFileRoute } from '@tanstack/react-router';

const GIF = Uint8Array.from(atob('R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='), (c) => c.charCodeAt(0));

export const Route = createFileRoute('/pixel.gif')({
  server: {
    handlers: {
      GET: () =>
        new Response(GIF, {
          headers: {
            'Content-Type': 'image/gif',
            'Content-Length': String(GIF.length),
            'Cache-Control': 'no-store',
          },
        }),
    },
  },
});

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

확인

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

공식 사이트: TanStack Start

TypeScript의 다른 예제