Cloudflare Developers•2y ago

How to access the KV storage with this worker from the next project.

Mmohamed.adham How to access the KV storage with this worker from the next project.

Hello, I’m Allie!•1/28/24, 7:27 PM

Check out the example: https://github.com/cloudflare/next-on-pages/tree/main/internal-packages/next-dev#example

GitHub

next-on-pages/internal-packages/next-dev at main · cloudflare/next-...

CLI to build and develop Next.js apps for Cloudflare Pages - cloudflare/next-on-pages

AAaronO Given how next-on-pages outputs a "worker"/"function" per route (roughly) is the...

Hello, I’m Allie!•1/28/24, 10:14 PM

They are actually all one Worker, though if you can add telemetry to the entire thing is outside my area of expertise

AAaronO Also is there a clear reason why `wrangler.toml` isn't supported at least in som...

Hello, I’m Allie!•1/28/24, 10:15 PM

As for the config thing, I believe they are working on something better atm, plus the merger of Workers and Pages

HHello, I’m Allie!They are actually all one Worker, though if you can add telemetry to the entire ...

Hello, I’m Allie!•1/28/24, 10:15 PM

Or well, each deployment is its own Worker, but all routes within a deployment are bundled into a single Worker

AAaronO Given how next-on-pages outputs a "worker"/"function" per route (roughly) is the...

James•1/29/24, 12:02 AM

There is only one entry point for the worker in the _worker.js directory. Feel free to wrap that entry point post-build if you want. I would advise against trying to wrap individual route functions or webpack chunks though, but wrapping the worker entrypoint should be perfectly fine.

nico•1/29/24, 1:04 PM

Google Search Console is getting on my nerves because I am using domain.eu and www.domain.eu for my on Cloudflare Pages hosted Next.js application. Is there a way to force www as a subdomain on Cloudflare Pages like on Vercel? I'm asking here because I think this is the place where the most expert answers my question.

const redirects = async () => {
  return [
    {
      source: '/:path*',
      destination: 'https://www.nicokempe.eu/:path*',
      permanent: true,
    },
  ]
}

/** @type {import('next').NextConfig} */
const nextConfig = {
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'mdx'],
  images: {
    unoptimized: true
  },
  redirects,
}

const redirects = async () => {
  return [
    {
      source: '/:path*',
      destination: 'https://www.nicokempe.eu/:path*',
      permanent: true,
    },
  ]
}

/** @type {import('next').NextConfig} */
const nextConfig = {
  pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'mdx'],
  images: {
    unoptimized: true
  },
  redirects,
}

I have already tried using the

_redirects

_redirects

file, but that changed nothing (no redirect). I have tried to put the file in my root-directory and of course (and initially) to my public directory.
My _redirects file in /public:

https://nicokempe.eu/* https://www.nicokempe.eu/:splat 301!

https://nicokempe.eu/* https://www.nicokempe.eu/:splat 301!

Any idea? The Google Search Console really gets on my nerves because of that domain...

carrot sticks•1/29/24, 1:12 PM

@nico
https://developers.cloudflare.com/rules/

carrot sticks•1/29/24, 1:16 PM

@nico if cloudflare are not managing your domain you should be able to do it through your provider

carrot sticks•1/29/24, 1:16 PM

carrot sticks•1/29/24, 1:17 PM

note, changes to dns records take awhile to reflect

carrot sticks•1/29/24, 1:17 PM

another option you could use CF workers to middleman all requests and redirect https:// to https://www everytime

carrot sticks•1/29/24, 1:17 PM

but that seems like overkill to me

nico•1/29/24, 1:19 PM

Cloudflare is used (nameservers), so a single redirect, right?

carrot sticks•1/29/24, 1:21 PM

yeah use the first link i posted in that case

Morgan•1/29/24, 1:41 PM

Hey

, I signed up to cloudflare pages & connected my github repo, I'm running into the following ERROR:

✘ [ERROR] Could not resolve "/opt/buildhome/repo/.vercel/output/static/_worker.js/index.js"

✘ [ERROR] Could not resolve "/opt/buildhome/repo/.vercel/output/static/_worker.js/index.js"

does anyone know what it is, and why it happens?

mohamed.adhamOP•1/29/24, 2:13 PM

Hello,

mohamed.adhamOP•1/29/24, 2:14 PM

I need to create a KV worker can I do it in a next project,
Since next-on-pages including its worker.

mohamed.adhamOP•1/29/24, 2:15 PM

So can I create a KV from it or should I create a separate project for the KV

MMorgan Hey 👋, I signed up to cloudflare pages & connected my github repo, I'm running ...

James•1/29/24, 8:02 PM

sounds like maybe there was an issue with the build earlier on that stopped it from generating the final worker?

Original message was deleted

James•1/29/24, 8:02 PM

Please try asking in a different channel as this is unrelated to next-on-pages. Maybe general-help

Mmohamed.adham So can I create a KV from it or should I create a separate project for the KV

James•1/29/24, 8:03 PM

you can use KV fine in your next.js project.

JJames sounds like maybe there was an issue with the build earlier on that stopped it f...

Morgan•1/29/24, 8:14 PM

What’s a good next step? Kick off another build?

JJames you can use KV fine in your next.js project.

mohamed.adhamOP•1/29/24, 8:15 PM

I made it in next project

mohamed.adhamOP•1/29/24, 8:15 PM

But I have an error

mohamed.adhamOP•1/29/24, 8:17 PM

Keep in mind,
I already added the key before

mohamed.adhamOP•1/29/24, 8:17 PM

This is the code..

When I ran it, it responded with an undefined object

rn_image_picker_lib_temp_d30200e1-58df-47e1-a6c7-84a15e3f91cc.jpg

mohamed.adhamOP•1/29/24, 8:19 PM

If I uncomment the put statement above,
The code runs as expected and returns the value I target,
But after removing the put statement and targeting the same key it came back to respond with an undefined object

mohamed.adhamOP•1/29/24, 8:20 PM

Why is that,
If anyone can help

MMorgan What’s a good next step? Kick off another build?

James•1/29/24, 9:38 PM

read the full build log and see if there are any other issues

Mmohamed.adham Why is that, If anyone can help

Befus•1/30/24, 8:09 AM

Are you using a wrangler.toml file? You get undefined because it cant find the key anymore

BBefus Are you using a wrangler.toml file? You get undefined because it cant find the k...

mohamed.adhamOP•1/30/24, 8:44 AM

In nextJs project we don't use wrangler.toml file because the configurations are in next.config.js

BBefus Are you using a wrangler.toml file? You get undefined because it cant find the k...

mohamed.adhamOP•1/30/24, 8:54 AM

But when I get values from the terminal it works as expected.

mohamed.adhamOP•1/30/24, 8:54 AM

I already defined the KV in next.conf.js

mohamed.adhamOP•1/30/24, 8:55 AM

why should I have a wrangler.toml file then ?

Befus•1/30/24, 9:49 AM

Why are you putting it in the next config? In the kv documentation it uses a wrangler.toml I believe

Befus•1/30/24, 9:50 AM

It makes it so youre values are also stored locally otherwise your code would only work in production

BBefus Why are you putting it in the next config? In the kv documentation it uses a wra...

Hello, I’m Allie!•1/30/24, 9:58 AM

Note that this only applies when using

wrangler pages dev

wrangler pages dev

. If you are using

next dev

next dev

, then Bindings like KV will not be populated.

HHello, I’m Allie!Note that this only applies when using `wrangler pages dev`. If you are using `n...

Befus•1/30/24, 10:08 AM

If you use cf bindings proxy it fixes that aswell I believe, atleast thats how I do it

BBefus If you use cf bindings proxy it fixes that aswell I believe, atleast thats how I...

Hello, I’m Allie!•1/30/24, 10:10 AM

Yeah, that. Though, that doesn't require a

wrangler.toml

wrangler.toml

Hello, I’m Allie!•1/30/24, 10:10 AM

You can pass bindings via the command line

Befus•1/30/24, 10:12 AM

Ah didnt know

JJames Would something like react-error-boundary help here perhaps?

sathoro•1/30/24, 4:21 PM

strangely I cannot get the ErrorBoundary to work at all, I tried that library and Sentry's one too

James•1/30/24, 5:27 PM

Bizarre

JJames Bizarre

sathoro•1/30/24, 5:38 PM

ok turns out most errors just don't even work with error boundaries. but even when I can trigger it, the Sentry one doesn't even log the exception!

mohamed.adhamOP•1/30/24, 6:41 PM

Hey,

mohamed.adhamOP•1/30/24, 6:41 PM

When I deploy my KV worker it doesn't read from the storage and give me null as response

mohamed.adhamOP•1/30/24, 6:42 PM

Is there any missed configuration ?

const redirects = async () => { return [ { source: '/:path*', destination: 'https://www.nicokempe.eu/:path*', permanent: true, }, ] } /** @type {import('next').NextConfig} */ const nextConfig = { pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'mdx'], images: { unoptimized: true }, redirects, }

How to access the KV storage with this worker from the next project.

Similar Threads

Similar Threads

Similar Threads