Ok, do you have any good resources regarding this?

Looking at the docs for it.. but they're not very well organized

ah here it is https://nuxt.com/docs/guide/directory-structure/server

Ok, so instead of using

/functions

in my repo, I should switch to

/server/routes

?

If you want any ssr/dynamic functionality for your site, using that will be much easier

but if your site is static, you may find it easier to just use functions directly and tell nuxt to not generate any for you

Ok cool, that's something I'll have to play with more - never really looked at the server stuff for nuxt

lookslike it makes it easier to do dev locally too

Hmm, still getting

✘ [ERROR] No routes found when building Functions directory: /opt/buildhome/repo/functions

Did you remember to remove the old functions folder?

I have experimented with several projects, and the services distributed by cloudflare pages functions are always behind in Google search with the same keyword. In addition, even if you provide a site map normally, if you distribute it as cloudflare pages, you often get error conditions that look normal when you access it directly, but Google Bot cannot read. What do you think of the two problems above?

So does pages run off nuxt?

No, Pages runs on https://workers.cloudflare.com

Hi, Is there any way to inject ENV besides manually on cloudflare dashboard

Not presently.

I'm able to inject env vars through api

Oh, yeah, sorry, ofc 🙂 Most people only consider dash and wrangler. But yes, we do support setting those environment variables and bindings with the API as well 🙂

Yes thanks. Hopefully this can be done through wrangler so we can easily make manage it on devops end. wrangler.toml or cli command

Where can I see logs for page functions? I found execution metrics but having a hard time debugging things without logs. using console.log() in the function isn't writing to my browser console either (not sure why)

oh, it looks like

wrangler pages deployment --environment preview tail

will work

> using console.log() in the function isn't writing to my browser console either (not sure why) This is because your functions are running server side - not in your browser

Yep, seeing the output in the wrangler output logs

Just thought I'd explain 🙂

Does functions support WebStreams APIs?

https://developer.mozilla.org/en-US/docs/Web/API/Streams_API these? If so, yes

I can use

defer

to send body with

renderToReadableStream

in Workers. However, after I migrate the remix app to Pages, it throws error for using

defer

response.

Not sure it is because of functions bug or remix defer bug.

However it works fine with Workers app.

Could you share the specific error?

ts
// app/entry.server.tsx
export default async function handleRequest(
  request: Request,
  responseStatusCode: number,
  responseHeaders: Headers,
  remixContext: EntryContext
) {
  const body = await renderToReadableStream(
    <RemixServer context={remixContext} url={request.url} />,
    {
      onError(error) {
        console.error("renderToReadableStream error"); // Error thrown from here
        console.error(error);
        responseStatusCode = 500;
      },
      signal: request.signal,
    }
  );

  if (isbot(request.headers.get("User-Agent"))) {
    await body.allReady; // https://beta.reactjs.org/reference/react-dom/server/renderToReadableStream#returns
  }

  const headers = new Headers(responseHeaders);
  headers.set("Content-Type", "text/html");

  return new Response(body, {
    status: responseStatusCode,
    headers,
  });
}

There is no specific error about wrangler. It just returns

undefined

value instead of resolved to the real data in React

Await

component.