Cloudflare Developers•3y ago

how would you test a nextjs site w/ functions locally with wrangler?

Pprit Does pages.dev domain have some sort of disadvantage in search engine rankings?i...

Hello, I’m Allie!•9/21/23, 8:46 AM

Afaik Google detects that via the meta on the root(pages.dev), which you can change with a custom domain.

Ssakuta how would you test a nextjs site w/ functions locally with wrangler?

sakutaOP•9/21/23, 8:46 AM

i want to use the Cache API but for next devnext dev this isn't available

Ssakuta i want to use the Cache API but for `next dev` this isn't available

Hello, I’m Allie!•9/21/23, 8:47 AM

Run @cloudflare/next-on-pages@cloudflare/next-on-pages to build, then wrangler pages devwrangler pages dev.

HHello, I’m Allie!Run `@cloudflare/next-on-pages` to build, then `wrangler pages dev`.

sakutaOP•9/21/23, 8:54 AM

it's not a static site

sakutaOP•9/21/23, 8:55 AM

what's the equivalent to next devnext dev

Ssakuta it's not a static site

Hello, I’m Allie!•9/21/23, 9:16 AM

You run it through Next on Pages, which builds the Functions, then run the output through Pages Dev

Hello, I’m Allie!•9/21/23, 9:20 AM

Next on Pages is only used for SSR

sakutaOP•9/21/23, 9:24 AM

ok, thanks

jeeetpaul•9/21/23, 9:47 AM

I need to increase page projects limit, what I need to do? (I'm a pro customer and have a legitimate business)

peachneo•9/21/23, 12:47 PM

has anyone else had issues using service bindings with pages functions

divby0•9/21/23, 5:48 PM

Is there anything else besides cf logpush and cf queues that doesn't work with pages (but with plain workers)? I am going to create a new product and I noticed too late that workers has better logging, can use queues as a consumer but pages can not. If I use a framework like sveltekit, is it going to abstract the differences away?

Ddivby0 Is there anything else besides cf logpush and cf queues that doesn't work with p...

DaniFoldi•9/21/23, 5:52 PM

there are a couple more bindings like browser rendering or constellation (and pages projects can't define DOs), but if you don't need those, they're pretty identical - and you can use a worker.js file in pages for easier migration

DDaniFoldi there are a couple more bindings like browser rendering or constellation (and pa...

divby0•9/21/23, 5:53 PM

Thanks

I don't get what you mean with the worker.js file for easier migration though, where can I learn more about that?

Ddivby0 Thanks 🙂 I don't get what you mean with the worker.js file for easier migration...

DaniFoldi•9/21/23, 5:53 PM

https://developers.cloudflare.com/pages/platform/functions/advanced-mode/ they call it advanced mode, apparently

divby0•9/21/23, 5:55 PM

ohh - yeah I guess this part is abstracted by frameworks like Remix or SvelteKit so I can't / don't want to change that probably

Givik•9/21/23, 6:19 PM

Hello

For example in Cloudflare: I have https://example.com/assets/image/keepcalm.jpg
and I want to simplify URL like https://example.com/keepcalm.jpg

(as you see I want to access keepcalm.jpg without /assets/image/ and also without changing the actual directory structure)

how to set up this rule in the Cloudflare dashboard? Thank you in advance

StevenM•9/21/23, 10:27 PM

My build started failing with no logs to help troubleshooting.

Everything builds automatically when I push to gitlab and it was working fine a couple days ago, and I've done hundreds of commits. I changed some text on my docs site and now it fails at the first step.

rpardz•9/21/23, 11:15 PM

Hi all, I'm testing Wordpress Simply Static plugin and deploying to Cloudflare Pages. However, I've put the Wordpress site behind Cloudflare Access, requiring a one-time password sent to an email address. When I have this switched on, Simply Static is unable to compile a new version of the static site. If I switch off Cloudflare Access, everything works correctly. I'm guessing I can grant access somehow, just wondered if anyone else has encountered this issue, or knows of a solution. Thanks

peachneo•9/22/23, 12:54 AM

Has anyone successfully used service bindings with pages?

Ppeachneo Has anyone successfully used service bindings with pages?

divby0•9/22/23, 4:50 AM

yes, I have an unbound worker bound to my pages project. that works

RyanD•9/22/23, 9:55 AM

what am I missing, looking at dev tools and non of the content on a deployed pages app are cached by the browser. I don't see any request headers being sent back to assist in this...is this, intentional?

RRyanD what am I missing, looking at dev tools and non of the content on a deployed pag...

Hello, I’m Allie!•9/22/23, 10:01 AM

Yes, that is intentional. Pages does its own caching within Cloudflare, so it should be served quickly. If you have a route with immutable assets, then you can add Cache Headers manually

kovbassa•9/22/23, 3:23 PM

Hello, is there anyone here who can help with Cloudflare for SaaS?

Dr. Unstable•9/22/23, 3:25 PM

Was anyone able to specify environment variables for each branch deployment seperately? It seems I can only set environment variables for production and preview, but what if I want a staging branch with different environment variables?

DDr. Unstable Was anyone able to specify environment variables for each branch deployment sepe...

Cyb3r-Jak3•9/22/23, 3:45 PM

You can’t. There are only preview and production environments

SStevenM My build started failing with no logs to help troubleshooting. Everything buil...

�

😈 Donkey 💫•9/22/23, 5:03 PM

deploying phase failed randomly, no logs, no reason. May be It's not stable enough for production

�😈 Donkey 💫deploying phase failed randomly, no logs, no reason. May be It's not stable enou...

David•9/22/23, 7:26 PM

looks like an issue on Cloudflare's side

�😈 Donkey 💫deploying phase failed randomly, no logs, no reason. May be It's not stable enou...

Unsmart•9/22/23, 7:27 PM

There is a reason listed there it just doesnt go into detail because its an internal error and they probably dont want to give the exact details of internal systems as to why it happened. You can retry and it might work.

Paul•9/23/23, 2:22 AM

i am confused, i am using sveltekit to deploy my website to CloudFlare pages using the cloudflare-adapter. Everything has been going great, until i added the ability to resize webp images using 'sharp'. Now i can't compile.

Paul•9/23/23, 2:22 AM

any ideas?

Unsmart•9/23/23, 2:33 AM

I’d assume sharp requires NodeJS things that are not available in the workerd runtime

DDeleted User you cant use sharp with cloudflare pages

Paul•9/24/23, 1:28 AM

dang, I'm just looking to downscale avatar pics and convert to webp, any ideas how i can get that done?

DDeleted User how are you storing them

Paul•9/24/23, 1:34 AM

i'm just processing the file when the user submits the form and saving them right to supabase

Paul•9/24/23, 1:34 AM

all in memory

Unsmart•9/24/23, 1:40 AM

theres probably some wasm stuff you can use otherwise cloudflare image resizing addon is probably best bet

gorapter•9/24/23, 3:22 AM

How is '@sveltejs/adapter-static' used with cloudflare pages? I followed the guide https://developers.cloudflare.com/pages/framework-guides/deploy-a-svelte-site/ which runs through the setup and deployment that leverages '@sveltejs/adapter-cloudflare', but I'm wondering how the adapter-static is used.

Can anyone could point me to some documentation or an existing github repository with this type of project setup/deployment to cloudflare?

Deploy a Svelte site · Cloudflare Pages docs

Svelte is an increasingly popular, open-source framework for building user interfaces and web applications. Unlike most frameworks, Svelte is …

gorapter•9/24/23, 3:29 AM

Yes I have, but currently learning svelte

PPaul dang, I'm just looking to downscale avatar pics and convert to webp, any ideas h...

simpson•9/24/23, 10:06 AM

We switched to Cloudflare images and it was worth it

simpson•9/24/23, 10:34 AM

Ya completely worth it, I wish the images loaded quicker sometimes but I’m sure they’ll keep improving it down the road

Ggorapter How is '@sveltejs/adapter-static' used with cloudflare pages? I followed the gui...

Isaac McFadyen•9/24/23, 11:03 AM

adapter-static builds static files only. adapter-cloudflare outputs files so that your site can be server-side rendered on Cloudflare's edge.

DDeleted User yeah i have my own system that i use to test performance and so far i am going t...

simpson•9/24/23, 12:15 PM

I wonder if they have a team actively working on it, it definitely feels like they ran an internal hackathon and found something valuable but never really pursued it. It won’t make them billions but it is a really valuable tool at a really fair price point

how would you test a nextjs site w/ functions locally with wrangler?

Similar Threads

Similar Threads

Similar Threads