Deno Deploy

// main.ts - Deno Deploy 기본 서버
// 별도 빌드 없이 TypeScript 바로 실행

Deno.serve((request: Request) => {
  const url = new URL(request.url);

  // 라우팅
  if (url.pathname === "/") {
    return new Response("Hello from Deno Deploy!", {
      headers: { "content-type": "text/plain" },
    });
  }

  if (url.pathname === "/api/time") {
    return Response.json({
      timestamp: new Date().toISOString(),
      region: Deno.env.get("DENO_REGION") || "unknown",
    });
  }

  // 404 처리
  return new Response("Not Found", { status: 404 });
});

// 로컬 테스트: deno run --allow-net main.ts
// 배포: deployctl deploy --project=my-project main.ts

// REST API with Deno Deploy
import { serve } from "https://deno.land/std@0.208.0/http/server.ts";

interface User {
  id: string;
  name: string;
  email: string;
}

// Deno KV (내장 키-값 저장소) 사용
const kv = await Deno.openKv();

async function handler(request: Request): Promise<Response> {
  const url = new URL(request.url);
  const path = url.pathname;

  // CORS 헤더
  const headers = {
    "Access-Control-Allow-Origin": "*",
    "Content-Type": "application/json",
  };

  // GET /users - 사용자 목록
  if (request.method === "GET" && path === "/users") {
    const users: User[] = [];
    for await (const entry of kv.list({ prefix: ["users"] })) {
      users.push(entry.value as User);
    }
    return Response.json(users, { headers });
  }

  // POST /users - 사용자 생성
  if (request.method === "POST" && path === "/users") {
    const body = await request.json();
    const id = crypto.randomUUID();
    const user: User = { id, ...body };
    await kv.set(["users", id], user);
    return Response.json(user, { status: 201, headers });
  }

  // GET /users/:id - 사용자 조회
  const match = path.match(/^\/users\/(.+)$/);
  if (request.method === "GET" && match) {
    const result = await kv.get<User>(["users", match[1]]);
    if (!result.value) {
      return Response.json({ error: "Not found" }, { status: 404, headers });
    }
    return Response.json(result.value, { headers });
  }

  return Response.json({ error: "Not found" }, { status: 404, headers });
}

serve(handler, { port: 8000 });

// Fresh 프레임워크 - 풀스택 웹앱
// routes/index.tsx

import { Handlers, PageProps } from "$fresh/server.ts";

interface Data {
  message: string;
  timestamp: string;
}

// 서버 사이드 핸들러
export const handler: Handlers<Data> = {
  async GET(req, ctx) {
    const data: Data = {
      message: "Welcome to Fresh on Deno Deploy!",
      timestamp: new Date().toISOString(),
    };
    return ctx.render(data);
  },
};

// 컴포넌트 (Islands Architecture - 선택적 하이드레이션)
export default function Home({ data }: PageProps<Data>) {
  return (
    <div class="p-4 mx-auto max-w-screen-md">
      <h1 class="text-4xl font-bold">{data.message}</h1>
      <p class="text-gray-600">Server time: {data.timestamp}</p>

      {/* 이 컴포넌트만 클라이언트에서 하이드레이션 */}
      <Counter start={0} />
    </div>
  );
}

// islands/Counter.tsx - 인터랙티브 컴포넌트
import { useState } from "preact/hooks";

export default function Counter({ start }: { start: number }) {
  const [count, setCount] = useState(start);
  return (
    <button onClick={() => setCount(count + 1)}>
      Count: {count}
    </button>
  );
}