We're using next, next-on-pages. If I'm building locally, there's the .next and .vercel directories

We're using next, next-on-pages. If I'm building locally, there's the .next and .vercel directories that I believe help reduce rebuilds with caching/deltas? If we call a webhook to deploy again, will those directories be around to reduce rebuild time? (I'm still pretty new to Next in this way, so it's possible I'm confused.)

Hello, I’m Allie!•6/14/23, 5:49 PM

Or well, if you are uploading assets manually, then wrangler will only upload the files that have changed

HHello, I’m Allie!Or well, if you are uploading assets manually, then wrangler will only upload th...

WulflokOP•6/14/23, 5:49 PM

no. it's all next.

WWulflok We're using next, next-on-pages. If I'm building locally, there's the .next and...

Hello, I’m Allie!•6/14/23, 5:49 PM

Not if you run builds on Pages

Hello, I’m Allie!•6/14/23, 5:49 PM

Pages does not currently have build caching

HHello, I’m Allie!Pages does not currently have build caching

WulflokOP•6/14/23, 5:52 PM

OK - so we're looking at a site that's like 8k pages of content. Of course editors want to 'publish instantly' as if it were still a CMS like WordPress or whatever. We're discussing a nightly rebuild, which sounds sensible given 8k pages will take time and the changes don't involve legal/regulatory/contractual publication speeds. Understanding this is a tiny bit of info, does this sound like we're not straying into the weeds? (We'd likely have a 'control panel' for editors to call a webhook in Pages for off-cycle site builds, but in general it would be a daily thing we think.)

WulflokOP•6/14/23, 5:52 PM

We actually have far more pages than that, but we also think we're going to partition the site up into a few Next apps, using workers to direct to the Pages setup based on the paths.

WulflokOP•6/14/23, 5:52 PM

so 8k would be the most/largest of the apps

WWulflok OK - so we're looking at a site that's like 8k pages of content. Of course edit...

Bryce Wray•6/14/23, 6:05 PM

If you’re in a position to use GitHub Actions to deploy on CFP, you can use this Action:
https://github.com/actions/cache

GitHub

GitHub - actions/cache: Cache dependencies and build outputs in Git...

Cache dependencies and build outputs in GitHub Actions - GitHub - actions/cache: Cache dependencies and build outputs in GitHub Actions

WWulflok We're using next, next-on-pages. If I'm building locally, there's the .next and...

James•6/14/23, 6:06 PM

There is no caching the build output to reduce build time I'm afraid. Builds are completely fresh each time, and this is something out of our control as it's Vercel's CLI that controls the building, we just transform the output into a format that works as best we can manage for us.

James•6/14/23, 6:08 PM

I would say that it probably sounds like SSR might be more a better option for your use case than 8k pages being statically generated if you are using next-on-pages

James•6/14/23, 6:10 PM

When I say that it's fresh each time, the Vercel CLI seems to quite literally purge the

.vercel/output

.vercel/output

directory of all of its build contents and start again from scratch

Walshy•6/14/23, 6:29 PM

hugo -b $CF_PAGES_URL IIRC

jdp•6/14/23, 7:26 PM

If my website on CF Pages sends requests to my API for example, does it use the 100,000 requests per day that are free as it never did that for me on my old backend lol.

Walshy•6/14/23, 7:27 PM

If the backend is Functions, yes

Walshy•6/14/23, 7:27 PM

if not, nope

Hhichaelmart Right, there's no easily accessible way to get this info right now – it's not re...

kian•6/14/23, 7:37 PM

Does

req.cf.colo

req.cf.colo

show the eyeball colo rather than the 'smart placed' one?

kian•6/14/23, 7:39 PM

Gotcha

Fernando Dilland•6/14/23, 10:25 PM

Hello, I have a question, when displaying a page with the 404.html file in the root, it redirects the 404 error, but how can I tell CloudFlare Pages when this file is different?

FFernando Dilland Hello, I have a question, when displaying a page with the 404.html file in the r...

Fernando Dilland•6/14/23, 10:25 PM

That is, if for example I have /404/index.html (for the not found 404 file)

Fernando Dilland•6/14/23, 10:43 PM

I really like to use local wordpress and export static version to CF Pages, does anyone know how to change the WP search engine to Google Programmable Search? (Custom search engine)

Fernando Dilland•6/14/23, 10:45 PM

In case the information is useful to you, in Windows I do not recommend using Xampp to emulate wordpress, I recommend Laragon and the "Staatic" plugin to export the static version and upload it to CF Pages

Umair•6/15/23, 1:12 AM

Hi, we keep getting this error:
EXCEPTION (rollback) [code: 500] DETAILS: {
"result": null,
"success": false,
"errors": [
{
"code": 8000000,
"message": "An unknown error occured. Contact your account team or Cloudflare support: https://cfl.re/3WgEyrH."
}
],
"messages": []
}

Hhichaelmart Right, there's no easily accessible way to get this info right now – it's not re...

rubberburger•6/15/23, 3:18 AM

i send a fetch request to that endpoint from the worker right? then log the response

rubberburger•6/15/23, 3:18 AM

yeah, i guess this is good enough for debugging

Nnaro_ajs Is there a way to get like a special URL to a preview URL with an expiring secur...

Hello, I’m Allie!•6/15/23, 7:30 AM

Maybe use https://try.cloudflare.com against a local dev instance?

reavatar•6/15/23, 8:09 AM

I have nextjs pages app deployed at "edge" and want to store minimal user data like email & subscription details in a database.
What database option will be good so that I get fastest response on edge?
Are cloudflare db and worker regions quite close or same?

Original message was deleted

Kuririn•6/15/23, 10:37 AM

the problem is that cloudflare is pulling the code from my github repo to make a new build where I don't have .env file exposed

kev-ac•6/15/23, 10:41 AM

Is it a known limitation that Next.js pages which are Server-side-rendered (by getServerSideProps) have no access to the (public)runtimeConfig from next.config.js when using the edge runtime?

I want to output the current app version and build time in the html tag, which works fine on CSR pages. But when the page is SSR'd getConfig() is undefined, which causes an Error.

import getConfig from 'next/config';

export default function Document() {
  const { publicRuntimeConfig } = getConfig();

  return (
    <Html
      data-app-version={publicRuntimeConfig?.appVersionHash}
      data-app-buildtime={publicRuntimeConfig?.appBuildTime}
    >
      ...
    </Html>
   );
}

import getConfig from 'next/config';

export default function Document() {
  const { publicRuntimeConfig } = getConfig();

  return (
    <Html
      data-app-version={publicRuntimeConfig?.appVersionHash}
      data-app-buildtime={publicRuntimeConfig?.appBuildTime}
    >
      ...
    </Html>
   );
}

[TypeError: Cannot destructure property 'publicRuntimeConfig' of 'next_config__WEBPACK_IMPORTED_MODULE_2___default(...)(...)' as it is undefined.]

[TypeError: Cannot destructure property 'publicRuntimeConfig' of 'next_config__WEBPACK_IMPORTED_MODULE_2___default(...)(...)' as it is undefined.]

James•6/15/23, 10:46 AM

Does it work when you do

next build

next build

and

next start

next start

JJames Does it work when you do `next build` and `next start`?

kev-ac•6/15/23, 10:52 AM

The values are not there afterwards on SSR pages. They are available in dev mode (using

next dev

next dev

)

kev-ac•6/15/23, 10:53 AM

Whats weird: The TypeError is gone now. I've tried to debug this the last 30 minutes and got various errors, now they are gone after writing here.

kev-ac•6/15/23, 10:55 AM

The next.js documentation states that "A page that relies on publicRuntimeConfig must use getInitialProps or getServerSideProps (...). Runtime configuration won't be available to any page (or component in a page) without being server-side rendered.", which is the exact opposite of what I'm seeing. It is available on CSR pages but is not on SSR pages.

Kkev-ac The values are not there afterwards on SSR pages. They are available in dev mode...

James•6/15/23, 11:00 AM

dev mode can often have inconsistencies between actual production builds. If it is not working with

next build

next build

and

next start

next start

, then it is a next.js problem/limitation out of our control, which is why I asked that part

Original message was deleted

Kuririn•6/15/23, 11:01 AM

but on prerender I can't read it

platform.env is not available

Original message was deleted

Kuririn•6/15/23, 12:57 PM

Thanks!

I will check it out

Kuririn•6/15/23, 1:08 PM

static worked

Kuririn•6/15/23, 1:09 PM

I thought I was trying static yesterday but supposedly not

Ashley•6/15/23, 5:29 PM

Are there docs somewhere for what can be passed for

preview_deployment_setting

preview_deployment_setting

in the Cloudflare Pages Terraform module? It notes

all

all

is default, and I can see based on the example

custom

custom

is also allowed... are there others?

tl;dr I want to deploy branches that contain

preview

preview

, so I have:

preview_deployment_setting    = "custom"
preview_branch_includes       = ["preview"]
preview_branch_excludes       = ["master""]

preview_deployment_setting    = "custom"
preview_branch_includes       = ["preview"]
preview_branch_excludes       = ["master""]

But it's skipping (shown in the UI) a branch named

preview-add-text

preview-add-text

, so a little confused why

Ashley•6/15/23, 5:29 PM

(the docs aren't super clear on the values for

preview_deployment_setting

preview_deployment_setting

)

AAshley 👋 Are there docs somewhere for what can be passed for `preview_deployment_setti...

Walshy•6/15/23, 5:37 PM

"all" "custom" and "none"

Walshy•6/15/23, 5:38 PM

But it's skipping (shown in the UI) a branch named preview-add-text, so a little confused why

You're only including "preview"

Walshy•6/15/23, 5:38 PM

you want

preview*

preview*

to include "preview" and

"preview-*"

"preview-*"

or just

preview-*

preview-*

for only

"preview-*

"preview-*

import getConfig from 'next/config'; export default function Document() { const { publicRuntimeConfig } = getConfig(); return ( <Html data-app-version={publicRuntimeConfig?.appVersionHash} data-app-buildtime={publicRuntimeConfig?.appBuildTime} > ... </Html> ); }

We're using next, next-on-pages. If I'm building locally, there's the .next and .vercel directories

Similar Threads

Similar Threads

Similar Threads