got a silly question, that i dont see any answer, in the web, why there is a static sites, everywh

got a silly question, that i dont see any answer, in the web, why there is a static sites, everywhere, on the cloudflare, pages, does this not work if i have a SAAS product that will interact with workers, and generate SSR page.? its in sveltekit btw im confused,

Vvamshinenu got a silly question, that i dont see any answer, in the web, why there is a *st...

Isaac McFadyen•3/28/24, 5:03 PM

There's 2 main types of sites (and some are a combination of both):

Client side rendered, also known as CSR. This is raw HTML/CSS/JS. The browser uses JavaScript to "hydrate" the content of the page, or loading things on the page (i.e. like an ecommerce store with filters for products or a counter incrementing when the user clicks the button).
Server side rendered, also known as SSR. In this case the server (Cloudflare Pages in this case) renders out the HTML based on the request, so that by the time the response arrives at the browser it's already rendered and complete. Pages only supports SSR with JavaScript, not with any other server like C#, and only with specific frameworks like SvelteKit or Astro.

In the case of SvelteKit, it's both static and SSR'd. The server (Pages) renders out the HTML but then you can modify the HTML or change the page after it's already reached the client, like for example a counter.

Isaac McFadyen•3/28/24, 5:05 PM

Another example would be Amazon. You'll notice that as soon as you load the page the products are visible (SSR) but then when you change a filter the products change without a full page reload (with JavaScript on the browser).

vamshinenuOP•3/28/24, 5:05 PM

so bascially no client side js right...?

Vvamshinenu so bascially no client side js right...?

Isaac McFadyen•3/28/24, 5:06 PM

Client side JS is fully possible.

Isaac McFadyen•3/28/24, 5:06 PM

SvelteKit will automatically convert your .svelte.svelte files to JS for you though.

Isaac McFadyen•3/28/24, 5:06 PM

So you just write Svelte as normal.

Isaac McFadyen•3/28/24, 5:07 PM

A static site just means not server-side rendered. It can still be interactive and have client-side JS.

vamshinenuOP•3/28/24, 5:08 PM

so basically, a full*** sveltekit app should work on page and all the apis goes into workers... and thanks

Vvamshinenu so basically, a full*** sveltekit app should work on page and all the apis goes ...

Isaac McFadyen•3/28/24, 5:08 PM

Exactly, but even beyond that, SvelteKit will automatically convert your endpoints and other server stuff to Pages Functions for you (which is basically Workers).

vamshinenuOP•3/28/24, 5:08 PM

if thats the case, i dont know why people chosing vercel yikes

Isaac McFadyen•3/28/24, 5:08 PM

So you don't need a separate Workers API. It's of course possible, but it's optional because Pages will do it for you.

vamshinenuOP•3/28/24, 5:08 PM

really

vamshinenuOP•3/28/24, 5:09 PM

wow,,... thats even easier...

vamshinenuOP•3/28/24, 5:09 PM

but question, again, the bandwith is unlimited are you kidding me....

vamshinenuOP•3/28/24, 5:11 PM

well, ummm like if some one just need to use workers, that creates a sveltekit app with nothing on the routes, but only apis... does that mean he gets unlimted requests tho NotLikeThis

Vvamshinenu well, ummm like if some one just need to use workers, that creates a sveltekit a...

Isaac McFadyen•3/28/24, 5:11 PM

Yes, anything static will be unlimited requests for free.

vamshinenuOP•3/28/24, 5:11 PM

or pages will make them as workers, for us...

Isaac McFadyen•3/28/24, 5:12 PM

You might want to use @sveltejs/adapter-static@sveltejs/adapter-static to make sure nothing server-side is generated though.

vamshinenuOP•3/28/24, 5:12 PM

yep already have everything setup....

Isaac McFadyen•3/28/24, 5:12 PM

(rather than the default @sveltejs/adapter-auto@sveltejs/adapter-auto)

vamshinenuOP•3/28/24, 5:12 PM

i should say bye bye vercel poggies

codewansh•3/28/24, 5:33 PM

Hey Guys, I am stuck on this issue while using next-on-pages next-dev module, not able to get local bindings working, (I am currently in process of using t3 stack with next-on-pages & d1 as database)

Screenshot_2024-03-28_at_11.01.35_PM.png

stillmotion•3/28/24, 6:41 PM

Is it possible to get a flag like wrangler dev's --remote--remote on the next.js dev server? Doing any sort of integration testing with R2 bindings, for example, is really hard at the moment.

James•3/28/24, 6:42 PM

Afraid not, the bindings in next dev are emulated using miniflare, so it's local only

Pat Branchaud•3/28/24, 10:00 PM

Trick question, We need a page to query Supabase on edge workers (SSR style) based on url parameters. That page needs to use a layout which fetches data from Firestore at build time. We do not want to fetch Firestore with the workers.
How can we mix a statically generated layout at build with dynamic page components generated by Edge?

thanhle•3/29/24, 5:42 AM

Hi everyone, I have a question: I have a nextjs that use next-on-pages to deploy to Pages. is there anyway I can use wrangler to build _worker.js and then deploy it to Workers. I can not use the npx vercel build because the webpack has some issues with one of my library.

thanhle•3/29/24, 5:43 AM

i try to use node-postgresql library in next-on-pages

Nob•3/29/24, 4:37 PM

Hi, I randomly get 500 Internal Server Error when going to my ssr streaming nextjs website, I dont find any other error

Nob•3/29/24, 4:37 PM

Nob•3/29/24, 4:40 PM

sometimes I get the error 3 times in 1 minute and then I can't get it once in hours

James•3/29/24, 4:41 PM

If you tail your deployment with wrangler what errors are logged?

JJames If you tail your deployment with wrangler what errors are logged?

Nob•3/29/24, 4:41 PM

no errors I can't get it anymore

James•3/29/24, 4:41 PM

do you have smart placement enabled?

JJames do you have smart placement enabled?

Nob•3/29/24, 4:42 PM

yes

James•3/29/24, 4:42 PM

it's probably that. smart placement is pretty buggy with pages. i would recommend disabling it and then redeploying

JJames it's probably that. smart placement is pretty buggy with pages. i would recommen...

Nob•3/29/24, 4:43 PM

okay, I enabled smart placement yesterday and got the errors yesterday and today

Nob•3/29/24, 4:43 PM

so it might be that

James•3/29/24, 4:43 PM

that checks out

Taylor•3/29/24, 7:33 PM

where can i find deployment failure logs? i've run bun run deploy and it succesfully deploys but i look at the url it generated and it's nonexisting and in the CF dashboard it says deployment failed.

thanhle•3/29/24, 9:12 PM

Hello everyone: I have a question about the vercel output on next-on-pages:

When I manually change the index.html file (I got this index.html after running “npx @cloudflare/next-on-pages” in the folder to generate the .vercel/output/static folder) in the .vercel/output/static: I mean manually change the text in the index.html from “TestingA” to “TestingB”
Then deploy the static asset and _worker.js to the Pages use wrangler CLI.
But when I visit the website, I still see the text “TestingA” in the home page, even I check the response on the network tab: it show text “TestingB” (as I expected) in the index.html
Can you explain why I observed this situation?
You can see clearly in the image below:
So I change the text from “Find in-depth information about Next.js features and API.” to “Thanh Le 95”. In the response of network tab, it shows correctly but when it rendered to the home page, it is still show the original one. Why is this happening?

thanhle•3/29/24, 9:12 PM

thanhle•3/30/24, 4:07 AM

I have a Page that run on edge run time, fetch data from a Worker which talk to a SQL database. It seems like my pages is only return the cache version even I updated the data on SQL database, the Pages still return the old version. I think that is because of the caching rule of CDN, how do fix this issue?

Tthanhle I have a Page that run on edge run time, fetch data from a Worker which talk to ...

Nob•3/30/24, 6:12 AM

you need to tell nextjs to not cache the request

Nob•3/30/24, 6:12 AM

fetch(https://...https://..., { cache: 'no-store' })

Nob•3/30/24, 6:13 AM

also you dont need a separate worker to access your db, if you use nextjs ssr you can access db from api routes and server components

NNob also you dont need a separate worker to access your db, if you use nextjs ssr yo...

thanhle•3/30/24, 10:47 AM

initially I tried this with nextjs. I have a Postresgql database and try to use the node-postgres or postgresqljs to fetch data directly but it seems both of them does not work on next-on-pages. the node-postgresql only works well on Workers. Do you have any idea how I can fetch data directly from ssr page or api route?

Tthanhle initially I tried this with nextjs. I have a Postresgql database and try to use ...

Nob•3/30/24, 10:48 AM

any compatible worker lib should be compatible with pages

thanhle•3/30/24, 10:49 AM

the issue for node-postgresql (pg) with next-on-pages here: https://github.com/cloudflare/next-on-pages/issues/605

GitHub

[🐛 Bug]: `pg` does not work · Issue #605 · cloudflare/next-on-pages

next-on-pages environment related information System: Platform: linux Arch: x64 Version: #202312122204 SMP PREEMPT_DYNAMIC Tue Dec 12 22:43:56 UTC 2023 CPU: (16) x64 AMD EPYC 7B13 Memory: 63 GB She...

Tthanhle the issue for node-postgresql (pg) with next-on-pages here: https://github.com/c...

Nob•3/30/24, 10:50 AM

have you added node_compat = true to the flags of the worker ?

Nob•3/30/24, 10:51 AM

and also here

got a silly question, that i dont see any answer, in the web, why there is a *static* sites, everywh

Similar Threads

got a silly question, that i dont see any answer, in the web, why there is a static sites, everywh