Timeout after commenting out config variable in Vercel environment

[RoyRao2333]

I'm using the Vercel template of Hono:

import { Hono } from 'hono';
import { handle } from 'hono/vercel';

// export const config = {
//   runtime: 'edge',
// };

const app = new Hono().basePath('/api');

app.get('/', (context) => {
  return context.json({ message: 'Hello Hono!' });
});

export default handle(app);

I need to use full Node.js apis so I don't want to deploy in edge runtime. But now I get

HeadersTimeoutError: Headers Timeout Error
    at Timeout.onParserTimeout [as callback] (/Users/royrao/Desktop/rd/xxx-server/.vercel/builders/node_modules/undici/lib/client.js:1059:28)
    at Timeout.onTimeout [as _onTimeout] (/Users/royrao/Desktop/rd/xxx-server/.vercel/builders/node_modules/undici/lib/timers.js:20:13)
    at listOnTimeout (node:internal/timers:569:17)
    at processTimers (node:internal/timers:512:7)

when I call the api.

How to fix this? By the way, I need to use Playwright in my project. Thanks!

[NicoPlyley]

I think this is what your looking for https://hono.dev/getting-started/vercel#node-js

import { Hono } from 'hono'
import { handle } from '@hono/node-server/vercel'
import type { PageConfig } from 'next'

export const config: PageConfig = {
  api: {
    bodyParser: false,
  },
}

const app = new Hono().basePath('/api')

app.get('/hello', (c) => {
  return c.json({
    message: 'Hello from Hono!',
  })
})

export default handle(app)

[RoyRao2333]

Thanks for the reply!

I'm not using Next.js. It's just a regular server project.

I tried to use @hono/node-server/vercel then got an error of Internal Server Error.

import { handle } from '@hono/node-server/vercel';
import chromium from '@sparticuz/chromium-min';
import { Hono } from 'hono';
import { chromium as playwright } from 'playwright-core';

// export const config = {
//   runtime: 'edge',
// };

const app = new Hono().basePath('/api');

app.get('/', async (c) => {
  const browser = await playwright.launch({
    args: chromium.args,
    executablePath: await chromium.executablePath(),
    headless: true,
  });
  const page = await browser.newPage();
  await page.goto('https://www.google.com');
  const windowDetails = await page.evaluate(() => {
    return {
      href: window.location.href,
      title: document.title,
    };
  });
  await browser.close();

  return c.json(windowDetails);
});

export default handle(app);

BTW, can I use playwright in this way? Is there any problem with my code? Thanks a lot!

[NicoPlyley]

I have never tried to use playwright inside a route only outside for testing. I don't know the compatibility with Vercel only used it for SvelteKit. You might have more luck in the Vercel discord with this question. I couldn't find anything in their docs.

[RoyRao2333]

@NicoPlyley

Thanks very much for your time.

I gave up on Vercel and ended up using the Nodejs boilerplate from Hono, which works fine. I guess there's a problem with Vercel not Hono.