flashblaze Posts - Answer Overflow

flashblaze

Explore posts from servers

•Created by flashblaze on 4/18/2025 in #pages-help

Site deployed on Cloudflare is slower and sends more resources than the same site deployed on Vercel

I have deployed my personal website built using Astro on Cloudflare Pages as well as on Vercel. It is a static website. Pages: https://flashblaze-astro.pages.dev/ Vercel: https://flashblaze.xyz/ Open the Network panel, disable cache. And you'll observe the following 1. Pages' resources show about 94KB while Vercel's show 91KB 2. Pages takes between 400ms to respond while Vercel takes around 200ms I'm visiting it from Pune, India

1 replies

CDCloudflare Developers

•Created by flashblaze on 4/13/2025 in #workers-help

Bindings are not being autocompleted in React Workers Static Assets example

I have created a new project via https://developers.cloudflare.com/workers/frameworks/framework-guides/react/ Below is my wrangler.jsonc

/**
 * For more details on how to configure Wrangler, refer to:
 * https://developers.cloudflare.com/workers/wrangler/configuration/
 */
{
    "$schema": "node_modules/wrangler/config-schema.json",
    "name": "generator",
    "main": "worker/index.ts",
    "compatibility_date": "2025-04-13",
    "assets": {
        "not_found_handling": "single-page-application"
    },
    "observability": {
        "enabled": true
    },
    "placement": { "mode": "smart" },
    "ai": {
        "binding": "AI"
    }
}

/**
 * For more details on how to configure Wrangler, refer to:
 * https://developers.cloudflare.com/workers/wrangler/configuration/
 */
{
    "$schema": "node_modules/wrangler/config-schema.json",
    "name": "generator",
    "main": "worker/index.ts",
    "compatibility_date": "2025-04-13",
    "assets": {
        "not_found_handling": "single-page-application"
    },
    "observability": {
        "enabled": true
    },
    "placement": { "mode": "smart" },
    "ai": {
        "binding": "AI"
    }
}

Below is my worker/index.ts

export default {
  fetch(request, env) {
    const url = new URL(request.url);

    if (url.pathname.startsWith("/api/")) {
      return api.fetch(request);
    }
        return new Response(null, { status: 404 });
  },
} satisfies ExportedHandler<Env>;

export default {
  fetch(request, env) {
    const url = new URL(request.url);

    if (url.pathname.startsWith("/api/")) {
      return api.fetch(request);
    }
        return new Response(null, { status: 404 });
  },
} satisfies ExportedHandler<Env>;

Now, when I try to do env., it should show me the AI binding which I have configured. However it does not. I have also generated the types by running the cf-typegen command

1 replies

SSolidJS

•Created by flashblaze on 11/23/2024 in #support

How to use useSubmission in layout?

So I have a submit button in my sidebar as such I've created my app.tsx file like so

import { Router, useSubmission } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense } from "solid-js";
import { MetaProvider } from "@solidjs/meta";

import Header from "./components/ui/Header";
import Sidebar from "./components/ui/Sidebar";
import { createNote } from "./lib";

import "@fontsource/inter";
import "@fontsource-variable/jetbrains-mono";
import "./app.css";

const App = () => {
  const submission = useSubmission(createNote);

  return (
    <Router
      root={(props) => (
        <MetaProvider>
          <Suspense>
            <main class="w-full flex flex-col">
              <form action={createNote}>
                <Header />
                <div class="flex">
                  <Sidebar pending={submission.pending} />
                  {props.children}
                </div>
              </form>
            </main>
          </Suspense>
        </MetaProvider>
      )}
    >
      <FileRoutes />
    </Router>
  );
};

export default App;

import { Router, useSubmission } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start/router";
import { Suspense } from "solid-js";
import { MetaProvider } from "@solidjs/meta";

import Header from "./components/ui/Header";
import Sidebar from "./components/ui/Sidebar";
import { createNote } from "./lib";

import "@fontsource/inter";
import "@fontsource-variable/jetbrains-mono";
import "./app.css";

const App = () => {
  const submission = useSubmission(createNote);

  return (
    <Router
      root={(props) => (
        <MetaProvider>
          <Suspense>
            <main class="w-full flex flex-col">
              <form action={createNote}>
                <Header />
                <div class="flex">
                  <Sidebar pending={submission.pending} />
                  {props.children}
                </div>
              </form>
            </main>
          </Suspense>
        </MetaProvider>
      )}
    >
      <FileRoutes />
    </Router>
  );
};

export default App;

However, I'm now getting this error <A> and 'use' router primitives can be only used inside a Route. How can I fix this?

5 replies

SSolidJS

•Created by flashblaze on 12/11/2022 in #support

Property 'giscus-widget' does not exist on type 'JSX.IntrinsicElements'

15 replies

Gaming

Programming