Turborepo で Remix + Hono を試す

cd ~/workspace
npx create-turbo@latest turbo-remix-hono -m pnpm
cd turbo-remix-hono

rm -rf apps/docs apps/web
pnpm i

cd apps
pnpm create cloudflare@latest frontend --framework=remix --experimental

pnpm create hono@latest backend -p pnpm -t cloudflare-workers

{
  "name": "@repo/backend",
  "exports": {
    ".": "./src/index.ts"
  },
}

{
  "name": "@repo/frontend",
  "dependencies": {
    "@repo/backend": "*"
  }
}

pnpm i

cd apps/frontend
pnpm install hono

import { Hono } from "hono";
import { cors } from "hono/cors";

const app = new Hono().use(cors()).get("/", (c) => {
  return c.text("Hello Hono!");
});

export default app;
export type AppType = typeof app;

import type { MetaFunction } from "@remix-run/cloudflare";
import type { AppType } from "@repo/backend";
import { hc } from "hono/client";

export const meta: MetaFunction = () => {
  return [
    { title: "New Remix App" },
    { name: "description", content: "Welcome to Remix!" },
  ];
};

export default function Index() {
  const onClick = async () => {
    const client = hc<AppType>("http://localhost:8787");
    const response = await client.index.$get();
    const text = await response.text();
    console.log(text);
  };

  return (
    <div>
      <h1>Turbo Remix Hono</h1>
      <button onClick={onClick}>Test</button>
    </div>
  );
}

{
  "tasks": {
    "deploy": {
      "dependsOn": ["^deploy"]
    }
  }
}