You can use `{ next: { revalidate: ... } }`

AAA Revaluation like this actually wont work on pages will it? https://nextjs.org/d...

J

JamesOP•1/4/24, 10:12 PM

It should work

JJames You can use `{ next: { revalidate: ... } }`

A

AA•1/4/24, 10:14 PM

not familiar.. investigating

A

AA•1/4/24, 10:14 PM

where does that go?

A

AA•1/4/24, 10:15 PM

oh as part of the fetch call..

J

JamesOP•1/4/24, 10:17 PM

Yeah like in the docs you linked

A

AA•1/4/24, 10:17 PM

When you opt for a route to be revalidated on an interval (export const revalidate = 10;),

When you opt for a route to be revalidated on an interval (export const revalidate = 10;),

When you opt for a route to be revalidated on an interval (export const revalidate = 10;),

When you opt for a route to be revalidated on an interval (export const revalidate = 10;),

A

AA•1/4/24, 10:17 PM

looks like you can just set it for the page.. thats interesting

J

JamesOP•1/4/24, 10:18 PM

Yeah. Tbh I've never tried the page level one before

A

AA•1/4/24, 10:19 PM

i wish i understood the wizardry cloudflare is doing to make this work.. like how is it caching this info without keeping it running like in node

J

JamesOP•1/4/24, 10:21 PM

Regarding fetch request caching in next-on-pages, we store the response in the workers cache API (this is configurable) when nextjs asks us to, and retrieve data from the cache API when nextjs asks us to. Obviously there's more going on under the hood, but that's the very simple explanation

A

AA•1/4/24, 10:22 PM

oh, maybe this doesnt work..

A

Andrew Murphy•1/4/24, 10:22 PM

Yeah you can't use revalidate with next on pages

J

JamesOP•1/4/24, 10:23 PM

Ah I guess they might not forward a page level revalidate to fetch requests.

A

Andrew Murphy•1/4/24, 10:23 PM

ask me how i know - 3 days wasted on it

J

JamesOP•1/4/24, 10:23 PM

The fetch request revalidate option works though

A

AA•1/4/24, 10:23 PM

I'll need to figure out how to wire that in.. (I'm using a GQL wrapper lib over fetch)..

JJames Regarding fetch request caching in next-on-pages, we store the response in the w...

A

AA•1/4/24, 10:25 PM

is there an easy way for me to get at the workers cache? to flush it or similar?

A

AA•1/4/24, 10:25 PM

it seems.. hidden with CF pages..

A

AA•1/4/24, 10:26 PM

i seem to have some data surviving between builds..

AAA is there an easy way for me to get at the workers cache? to flush it or similar?

J

JamesOP•1/4/24, 10:27 PM

You can use revalidatePath / revalidateTag to trigger a revalidation for the fetch requests or all fetch requests under a route. That will be the on-demand revalidation section in the docs

A

AA•1/4/24, 10:28 PM

oh. but nothing in the cloudflare console i can use to peek or destroy

J

JamesOP•1/4/24, 10:30 PM

You could add an API endpoint that you call that triggers the revalidation and is authenticated with a secret. Maybe a way to set it up to be automatically called on a successful deploy. Not sure.

A

AA•1/4/24, 10:30 PM

ooh this might work better than the rebuild thing i'm doing..

J

JamesOP•1/4/24, 10:31 PM

I would also assume clearing your zones cache would clear the cache API but I may be wrong

J

JamesOP•1/4/24, 10:32 PM

My personal opinion would be to have your data fetched from the CMS and have the fetch request set to revalidate on an interval, then when the CMS makes a change, trigger a revalidate for that route. Ideally your CMS would let you do something like a webhook or http call on a publish to trigger an endpoint that can clear the relevant route.

J

JamesOP•1/4/24, 10:32 PM

But I don't know how things would specifically work with your cms

J

JamesOP•1/4/24, 10:33 PM

Or your use case with the cms

A

AA•1/4/24, 10:33 PM

yea i'll have to peek and see.. i wonder if this triggers a re-run of

generateStaticParams

generateStaticParams

generateStaticParams

generateStaticParams as well

J

JamesOP•1/4/24, 10:34 PM

Nah, that's just a build time thing

A

AA•1/4/24, 10:37 PM

so that's really just a way to create some pages buildtime?

A

AA•1/4/24, 10:37 PM

(this is the thing thats actually breaking on me currently) tho your ideas are pretty solid

J

JamesOP•1/4/24, 10:47 PM

Yes generateStaticParams is supposed to be used for SSGing routes at build time

A

AA•1/4/24, 11:01 PM

yea think thats what i was trying to use. but seems to be messing up lots.. your idea is better tho i think

A

AA•1/4/24, 11:04 PM

most of these pages will change less than yearly, so i figured compiling would be sufficient

!

!, Priyanshu•1/7/24, 3:27 AM

how do setup my next project so it will work on cloudflare.

!

!, Priyanshu•1/7/24, 3:28 AM

please explain step by step

U

Unsmart•1/7/24, 3:29 AM

?pings

F

Flare•1/7/24, 3:29 AM

Please do not ping community members for non-moderation reasons. Doing so will not solve your issue faster and will make people less likely to want to help you.

U

Unsmart•1/7/24, 3:29 AM

https://developers.cloudflare.com/pages/framework-guides/deploy-a-nextjs-site/

!

!, Priyanshu•1/7/24, 4:06 AM

is there something wrong in the dependency?

!

!, Priyanshu•1/7/24, 4:08 AM

{
  "name": "portfolio-v3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "autoprefixer": "10.4.14",
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "glob": "^10.2.1",
    "globby": "^13.1.4",
    "next": "13.3.1",
    "next-cloudinary": "^4.4.0",
    "next-sitemap": "^4.0.7",
    "next-themes": "^0.2.1",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-icons": "^4.8.0",
    "react-vertical-timeline-component": "^3.6.0",
    "tailwindcss": "3.3.1"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "^1.8.3",
    "@next/env": "^13.3.0",
    "vercel": "^28.4.0"
  }
}

{
  "name": "portfolio-v3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "autoprefixer": "10.4.14",
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "glob": "^10.2.1",
    "globby": "^13.1.4",
    "next": "13.3.1",
    "next-cloudinary": "^4.4.0",
    "next-sitemap": "^4.0.7",
    "next-themes": "^0.2.1",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-icons": "^4.8.0",
    "react-vertical-timeline-component": "^3.6.0",
    "tailwindcss": "3.3.1"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "^1.8.3",
    "@next/env": "^13.3.0",
    "vercel": "^28.4.0"
  }
}

{
  "name": "portfolio-v3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "autoprefixer": "10.4.14",
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "glob": "^10.2.1",
    "globby": "^13.1.4",
    "next": "13.3.1",
    "next-cloudinary": "^4.4.0",
    "next-sitemap": "^4.0.7",
    "next-themes": "^0.2.1",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-icons": "^4.8.0",
    "react-vertical-timeline-component": "^3.6.0",
    "tailwindcss": "3.3.1"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "^1.8.3",
    "@next/env": "^13.3.0",
    "vercel": "^28.4.0"
  }
}

{
  "name": "portfolio-v3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "autoprefixer": "10.4.14",
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "glob": "^10.2.1",
    "globby": "^13.1.4",
    "next": "13.3.1",
    "next-cloudinary": "^4.4.0",
    "next-sitemap": "^4.0.7",
    "next-themes": "^0.2.1",
    "postcss": "8.4.23",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "react-icons": "^4.8.0",
    "react-vertical-timeline-component": "^3.6.0",
    "tailwindcss": "3.3.1"
  },
  "devDependencies": {
    "@cloudflare/next-on-pages": "^1.8.3",
    "@next/env": "^13.3.0",
    "vercel": "^28.4.0"
  }
}

JJames `_redirects` wouldn't work because the worker takes priority over the redirects ...

S

subscriptions•1/7/24, 9:50 AM

I got some time to test this today, if we add _routes.json file and exclude these static routes then _redirects works

0

0x99•1/7/24, 3:33 PM

hey anyone knows how to solve this problem
Node.JS Compatibility Error
no nodejs_compat compatibility flag set