search

Jxck / mozaic.fm

8 stars 0 forks source link

Hono - Cloudflare #4

Closed Jxck closed 5 months ago

Jxck commented 6 months ago
Jxck commented 6 months ago

cloudflare が dev week で、なんか新しい話出そうだから、それを見届けてから環境作る。

Jxck commented 5 months ago

調査

Cloudflare

Hono

選定

Jxck commented 5 months ago

Honox - Cloudflare Pages の調査はだいたいできた。 試しにあげてみたもの。

https://mozaic-v2.pages.dev/

Jxck commented 5 months ago

@hiroppy @sakit0 Honox はデフォルトのルートディレクトリが /app で、そこにあるファイル名をベースに動いてるっぽい。 オプションめっちゃ頑張れば /app を /src に変えることもできるっぽいけど、多分色々ハマるので、できれば今のうちに /src を /app に変えたいんだけど、他でなんかまずいところある？

大丈夫そうなら、一旦 /app 以下に Honox を展開して、 /src 以下は別途 /app に移してもらう感じが良さそう。

hiroppy commented 5 months ago

@hiroppy 大丈夫です。もし、nextjsと似たような感じにしたい場合は src/app にしたいぐらいですかね。。

Jxck commented 5 months ago

@hiroppy それもちょっと考えたんだけど

https://github.com/honojs/honox?tab=readme-ov-file#project-structure-1

.
├── app
│   ├── client.ts // client entry file
│   ├── global.d.ts
│   ├── islands
│   │   └── counter.tsx // island component
│   ├── routes
│   │   ├── _renderer.tsx
│   │   └── index.tsx
│   └── server.ts
├── package.json
├── tsconfig.json
└── vite.config.ts

設定ファイル系含めてこの構造が前提になってるところが結構多いっぽいんだよね。

https://github.com/honojs/honox/blob/main/src/server/with-defaults.ts

なので src/app/ だとなんか色々重複しそうな気もしてる。 あと、無駄な一階層になりそうな気もする。

だから、今のうちに src/ -> app/ が無難そうかなぁと言う気がする。 まだ枯れてないフレームワークだから、変にレール外れると無駄な苦労しそうだから、特に src/ じゃないとだめな連携がなければ、変えちゃいたいかな。

hiroppy commented 5 months ago

なるほどー、では/appで大丈夫です！

Jxck commented 5 months ago

Honox をここにマージしてるんだが、どうしても以下のモジュールがみつからないと言われる。

import adapter from "@hono/vite-dev-server/cloudflare";

よくわからんけど、 pnpm じゃなくて npm でやったら上手くいった。

  1. vite-dev-server 側を直せないか見にいく
  2. 最悪 pnpm をやめて一旦 npm にする
Jxck commented 5 months ago

pnpm でもできた。 依存を明示的に入れるだけだった。本家も PR した。 https://github.com/honojs/starter/pull/32

Jxck commented 5 months ago

ブランチで preview deploy もできた。

https://7fac2506.mozaic-v2.pages.dev/

$ pnpm deploy

だと被るから

$ pnpm run deploy

にしないといけない。 cfdeploy とかに変えるかなぁ。はそのうち。