実現したいこと
App Routerを設定したNext.js v15にhonoのv4を組み込みたいと思っています。
具体的には、route handlersのAPIをhonoで実装するようにしたいです。
デプロイ先にEC2を予定していますが(現状はMacのローカルでnpm run devで動かしています)、コードの記述内容について不明な点があります。
発生している問題・分からないこと
テストで app/api/[[...route]]/route.ts を作成し、公式サイトの書き方に倣い以下のコードを書きました。
/api/hello などのエンドポイントにアクセスすると "Hello Next.js!" が表示され正しく動作しますがコード前方にある以下の箇所は
TypeScript
1import { handle } from 'hono/vercel' 2export const runtime = 'edge'
デプロイ先がvercel以外でも必要でしょうか(このhono/vercelというのはデプロイ先のことを言っているのではなく、next.jsに組み込む場合は、この記述が必要ということであればその旨知りたいです)。
よろしくお願いいたします。
該当のソースコード
TypeScript
1import { Hono } from 'hono' 2import { handle } from 'hono/vercel' 3 4export const runtime = 'edge' 5 6const app = new Hono().basePath('/api') 7 8app.get('/hello', (c) => { 9 return c.json({ 10 message: 'Hello Next.js!', 11 }) 12}) 13 14export const GET = handle(app) 15export const POST = handle(app)
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
npm create hono@latest [プロジェクト名]
のコマンドで、一からhonoプロジェクトを作成し、Which template do you want to use?でnextjsを選んでも、上記のimportは設定されます。
補足
特になし

あなたの回答
tips
プレビュー