Sveltekit works great in my experience

Z

zegevlierOP•9/12/23, 7:59 AM

There's also next-on-pages

Zzegevlier Sveltekit works great in my experience

D

divby0•9/12/23, 8:30 AM

I was doing resarch and according to dev surveys sveltekit and svelte in general both seem to be very popular in retention

D

divby0•9/12/23, 8:30 AM

I used nextjs once but didn't like it so much. I guess I am learning svelte then

S

simpson•9/12/23, 11:25 AM

Next-on-pages works great

J

James•9/12/23, 11:36 AM

If you want something similar to remix, next.js with the app router is probably your best option

D

divby0•9/12/23, 1:27 PM

Yeah I didn't want something too similar, I just want something with the same "full stack" capabilities. I'll try svelte

GGustavo What issues did you have?

D

divby0•9/12/23, 2:49 PM

I don't know exactly anymore. Maybe I should give it a try again, not sure yet

U

Unsmart•9/12/23, 2:56 PM

So in 2035

U

Unsmart•9/12/23, 3:26 PM

I have no clue how far away it is but I have high doubts its 2-3 months tbh

P

Ping for toast•9/13/23, 4:45 AM

I'm trying to use pages with ics.js, which imports nanoid, which tries to use crypto, and I get this.

P

Ping for toast•9/13/23, 4:45 AM

hmm I will try nodejs_compat

P

Ping for toast•9/13/23, 4:57 AM

nope that won't help

P

Ping for toast•9/13/23, 5:05 AM

ended up doing

    let [res,setRes] = createSignal("")

    onMount(() => {
        createEffect(async () => {
            if (err()) return
            const { error, value } = (await import("ics")).createEvents(rest().flat(3))
            setRes(value || error!.message)
        })
    })

    let [res,setRes] = createSignal("")

    onMount(() => {
        createEffect(async () => {
            if (err()) return
            const { error, value } = (await import("ics")).createEvents(rest().flat(3))
            setRes(value || error!.message)
        })
    })

    let [res,setRes] = createSignal("")

    onMount(() => {
        createEffect(async () => {
            if (err()) return
            const { error, value } = (await import("ics")).createEvents(rest().flat(3))
            setRes(value || error!.message)
        })
    })

    let [res,setRes] = createSignal("")

    onMount(() => {
        createEffect(async () => {
            if (err()) return
            const { error, value } = (await import("ics")).createEvents(rest().flat(3))
            setRes(value || error!.message)
        })
    })

to try to fight vite into not building this for SSR

P

Ping for toast•9/13/23, 5:05 AM

all this code would be nullified if I could just do a top level import

P

Ping for toast•9/13/23, 5:06 AM

if anyone has some way to tell vite "this will never run on the server" i'd love to hear it

F

fsyntax•9/13/23, 9:45 AM

Hey guys, trying to deploy a Nuxt 3 SSR app to cloudflare pages. After I built the app with the

cloudflare_pages

cloudflare_pages

cloudflare_pages

cloudflare_pages Nitro preset, I'm running

wrangler dev pages /dist

wrangler dev pages /dist

wrangler dev pages /dist

wrangler dev pages /dist to test it, here's what gets logged in the console:

⎔ Starting local server...
[mf:wrn] The latest compatibility date supported by the installed Cloudflare Workers Runtime is "2023-09-04",
but you've requested "2023-09-13". Falling back to "2023-09-04"...
kj/async-io-win32.c++:982: warning: Bind address resolved to multiple addresses.  Only the first address will be used.  If this is incorrect, specify the address numerically.  This may be fixed in the future.; addrs[0].toString() = 127.0.0.1:52732
service core:user:worker: Uncaught TypeError: Class extends value #<Object> is not a constructor or null
  at 3ompyn7y08k.js:7223:10      
X [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above.

⎔ Starting local server...
[mf:wrn] The latest compatibility date supported by the installed Cloudflare Workers Runtime is "2023-09-04",
but you've requested "2023-09-13". Falling back to "2023-09-04"...
kj/async-io-win32.c++:982: warning: Bind address resolved to multiple addresses.  Only the first address will be used.  If this is incorrect, specify the address numerically.  This may be fixed in the future.; addrs[0].toString() = 127.0.0.1:52732
service core:user:worker: Uncaught TypeError: Class extends value #<Object> is not a constructor or null
  at 3ompyn7y08k.js:7223:10      
X [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above.

⎔ Starting local server...
[mf:wrn] The latest compatibility date supported by the installed Cloudflare Workers Runtime is "2023-09-04",
but you've requested "2023-09-13". Falling back to "2023-09-04"...
kj/async-io-win32.c++:982: warning: Bind address resolved to multiple addresses.  Only the first address will be used.  If this is incorrect, specify the address numerically.  This may be fixed in the future.; addrs[0].toString() = 127.0.0.1:52732
service core:user:worker: Uncaught TypeError: Class extends value #<Object> is not a constructor or null
  at 3ompyn7y08k.js:7223:10      
X [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above.

⎔ Starting local server...
[mf:wrn] The latest compatibility date supported by the installed Cloudflare Workers Runtime is "2023-09-04",
but you've requested "2023-09-13". Falling back to "2023-09-04"...
kj/async-io-win32.c++:982: warning: Bind address resolved to multiple addresses.  Only the first address will be used.  If this is incorrect, specify the address numerically.  This may be fixed in the future.; addrs[0].toString() = 127.0.0.1:52732
service core:user:worker: Uncaught TypeError: Class extends value #<Object> is not a constructor or null
  at 3ompyn7y08k.js:7223:10      
X [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above.

Has anyone a clue whats going on and what I got to do?

F

fsyntax•9/13/23, 9:47 AM

Its a rather small Nuxt / Prismic app, with like 5 routes

D

distilledwater105•9/13/23, 10:25 AM

What JS framework has best support for Cloudflare Pages?

Ddistilledwater105 What JS framework has best support for Cloudflare Pages?

V

Vero•9/13/23, 10:39 AM

probably Sveltekit or Next.js

VVero probably Sveltekit or Next.js

D

distilledwater105•9/13/23, 10:43 AM

It seems like svelte doesn't support live reload https://kit.svelte.dev/docs/adapter-cloudflare#bindings-testing-locally

Ddistilledwater105 It seems like svelte doesn't support live reload https://kit.svelte.dev/docs/ada...

V

Vero•9/13/23, 10:45 AM

next.js supports fast refresh which I believe is what you're looking for https://nextjs.org/docs/architecture/fast-refresh

VVero next.js supports fast refresh which I believe is what you're looking for https:/...

D

distilledwater105•9/13/23, 10:47 AM

I'm looking for fast refresh with support for Cloudflare Workers

env

env

, but it seems like both next and svelte require that you first build the project, and then feed it to wrangler. I don't want to rebuild my project every time I change my code.

D

distilledwater105•9/13/23, 10:48 AM

I was using solid-start up until now, but I couldn't get service bindings to work, presumably because it doesn't use wrangler, so miniflare doesn't see my other worker running.

Ddistilledwater105 I'm looking for fast refresh with support for Cloudflare Workers `env`, but it s...

D

distilledwater105•9/13/23, 10:52 AM

Or should I not expect this to be a thing?

Ddistilledwater105 I'm looking for fast refresh with support for Cloudflare Workers `env`, but it s...

H

Hello, I’m Allie!•9/13/23, 11:03 AM

There was some talk about it during the last Wrangler Office hours, but currently there isn't really a standard for runtime dev with

wrangler

wrangler

bindings.

Ddistilledwater105 Or should I not expect this to be a thing?

V

Vero•9/13/23, 11:03 AM

I've just found this https://miniflare.dev/developing/live-reload maybe that could help

VVero I've just found this https://miniflare.dev/developing/live-reload maybe that cou...

H

Hello, I’m Allie!•9/13/23, 11:04 AM

That would only work if you could get the Next/SvelteKit builder to output the Functions script on every reload, no?

V

Vero•9/13/23, 11:05 AM

yeah maybe, not sure

HHello, I’m Allie!There was some talk about it during the last Wrangler Office hours, but currentl...

D

distilledwater105•9/13/23, 11:10 AM

I mean, solid-start ~~has that~~ (they have live-reload but not with wrangler). Although If I understand correctly it is only because their adapter is still on Miniflare v2 (Miniflare v3 breaks many things).

VVero I've just found this https://miniflare.dev/developing/live-reload maybe that cou...

D

distilledwater105•9/13/23, 11:12 AM

Also this is MIniflare v2, which is (if I understand correctly) no longer supported. Miniflare v3 doesn't even have CLI.

Ddistilledwater105 Also this is MIniflare v2, which is (if I understand correctly) no longer suppor...

H

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

Yes. With

v3

v3

v3

v3 and onwards, you should use

wrangler

wrangler

, rather than Miniflare.

HHello, I’m Allie!Yes. With `v3` and onwards, you should use `wrangler`, rather than Miniflare.

D

distilledwater105•9/13/23, 11:17 AM

Yeah, but this way there is no live reload.

D

distilledwater105•9/13/23, 1:02 PM

I found that service bindings don't work on Pages at all.

R

Rabid•9/13/23, 4:32 PM

Anyone ever tried deploying a SPA in a subdirectory with pages? I have an SSG for my landing page, and I want to serve my react app from /App. This works using "npx serve build", but not w/ cloudflare

RRabid Anyone ever tried deploying a SPA in a subdirectory with pages? I have an SSG f...

S

simpson•9/13/23, 4:44 PM

did you update the output directory in Cloudflare?

S

simpson•9/13/23, 4:45 PM

Under settings > Build and Deployments > Build Configs - edit root directory

R

Rabid•9/13/23, 5:37 PM

I actually think I figured it out. I thought that dropping my react app in /App would work, but instead I added a rename and copy command to my build script to rename index.html to app.html

B

Bryce Wray•9/13/23, 6:36 PM

For those who use Pagefind to provide site search, note that Pagefind 1.0.0 has been released with one breaking change:
https://pagefind.app/docs/v1-migration/

R

rdutton•9/14/23, 10:52 AM

I have a pages app deployed to supplier-portal-fe.pages.dev and have added a custom domain s2.onthegotours.com . But there is something strange whereby s2.onthegotours.com is loading the content of www.onthegotours.com (our main website) instead of the pages site. Could there be something obvious I'm missing in this scenario?

R

rdutton•9/14/23, 11:31 AM

The CloudFlare online chat support person suggested I change the 'target' field of the cname record from supplier-portal-fe.pages.dev to s2.supplier-portal-fe.pages.dev, which I did.. but that doesn't seem right to me.

Rrdutton The CloudFlare online chat support person suggested I change the 'target' field ...

H

Hello, I’m Allie!•9/14/23, 11:34 AM

What is serving your

www

www

subdomain?

R

rdutton•9/14/23, 11:34 AM

Partially served by Cloudflare and partially on AWS

Rrdutton The CloudFlare online chat support person suggested I change the 'target' field ...

Z

zegevlierOP•9/14/23, 11:36 AM

That indeed seems odd... Did they mention why they recommend that?

Zzegevlier That indeed seems odd... Did they mention why they recommend that?

R

rdutton•9/14/23, 11:37 AM

They referred to this document - https://developers.cloudflare.com/pages/how-to/custom-branch-aliases/ But that's related to branches.. and I am just deplying the main branch at the moment

Z

zegevlierOP•9/14/23, 11:37 AM

Did you add the subdomain under Custom Domains on the pages project?

R

rdutton•9/14/23, 11:38 AM

Sveltekit works great in my experience

Similar Threads

Similar Threads

Similar Threads