There's none; Pages Functions cannot be used when using SvelteKit endpoints with

@sveltejs/adapter-cloudflare

or

@sveltejs/adapter-auto

. 😄

Yeah, totally possible. It's a bit more difficult to do without a supporting framework like SvelteKit, Remix, or Flareact (Next.JS not supported currently, those are the main three) but it's possible.

I run all of my sites on SvelteKit via SSR.

nice! I wanted to use react, and I tried flareact, but I had some webpack issues with it when I was deploying my app. is Flareact production-ready? I've been kinda interested in svelte actually, so I might try this SvelteKit

I'm not sure, I've not personally used Flareact but heard it's pretty good. I'd totally recommend SvelteKit though... once you switch to Svelte it's seems like React makes everything overly complex, it's just so simple.

For example:

javascript
export const Counter = () => {
    const [state, setState] = useState(0)

    return (
    <div>
        Counter: {state}
      <button onClick={() => setState(state + 1)}>Increment</button>
      <button onClick={() => setState(state - 1)}>Decrement</button>
    </div>
    )
}

becomes

html
<script>
  let counter;
</script>
<div>
  Counter: {counter}
  <button on:click={() => counter += 1}>Increment</button>
  <button on:click={() => counter -= 1}>Decrement</button>
</div>

cool, I like that! as I see sveltekit is still in beta. how often do you experience bugs?

Very infrequently (I've had like 2 maybe the entire time for all of my sites?), and since it's all open-source they were fixed within a day 🙂

alright, I'll give it a try, thank you for your help!

so it looks like I've created a recursive problem. I have an

onRequestGet

function that uses an

HTMLRewriter

to set the inner content of a

<span class="country">

element to the country that the visitor is connecting from... but the issue is that the rewriter creates an endless loop calling itself

Hmm... how are you getting the static file?

Are you calling

next()

?

There's a

next

method on

context

that forwards the request to the static files.

ts
export const onRequestGet: PagesFunction = async ({ env, request }) => {
  const { cf, url } = request;
  const { country } = cf;
  const response = await fetch(request);
  return new HTMLRewriter().on('span.country', {
    element(element) { element.setInnerContent(country) }
  }).transform(response);
};

This is obviously wrong, but learning here 😛

Oh, it's right there.

where would I use

next

You'll need to do

await next()

where

next

is an input to onRequestGet, instead of

await fetch(request)

.

next()

gets the static asset that the function does proxying for.

oooh

perfect!!

that's so cool

Yeah, Functions are awesome 🙂

I was originally going to do some funky text replacement thing, but I stumbled on the HTML rewriter.

so excited

I also have wrangler2 running so I can preview this stuff locally

Nice!

serverless functions are really cool. why haven't they become the dominant way of doing programming? they make so much sense

Hmm... well most of the issues with other Cloud providers are the startup times. Cold-start (where a function hasn't been used or needs to scale) can take up to 2 seconds on Python.

yeah cold start is an issue, but there's ways to mitigate that by pinging a function, and i think cold start times will continue to decrease. but it seems like functions are an easy and fast way to get started developing an app, it feels like it should be the de facto standard for app dev

i always use them for my new projects