Cloudflare Developers•9mo ago

How to use worker with an existing application

I currently have a react code base and i want to deploy i to Cloudflare worker. Can someone refere me on how to augment existing application.

12 Replies

Hello, I’m Allie!•9mo ago

Is the React app static?

LamodotOP•9mo ago

No not static

Hello, I’m Allie!•9mo ago

What are you using for the server? Next.js?

LamodotOP•9mo ago

Am uisng Vike app like Next.js

Hello, I’m Allie!•9mo ago

Vike provides an example here: https://github.com/vikejs/vike/tree/main/examples/cloudflare-workers-react/

GitHub

vike/examples/cloudflare-workers-react at main · vikejs/vike

🔨 Like Next.js / Nuxt but as do-one-thing-do-it-well Vite plugin. - vikejs/vike

Hello, I’m Allie!•9mo ago

Should be as simple as

import { renderPage } from 'vike/server';

export default {
  async fetch(req) {
    return await renderPage(req);
  }
}

import { renderPage } from 'vike/server';

export default {
  async fetch(req) {
    return await renderPage(req);
  }
}

or something

LamodotOP•9mo ago

Have looked out this example, It is an app created form gound up with worker. My case is this, I have already worked on an app on Vike and i want to deploy it to woker. How do i go about doing this? Not provided i their example

Hello, I’m Allie!•9mo ago

Do you have a repo for it?

LamodotOP•9mo ago

Yes https://github.com/lamodots/vike-app

GitHub

GitHub - lamodots/vike-app: play ground

play ground. Contribute to lamodots/vike-app development by creating an account on GitHub.

LamodotOP•9mo ago

Did you take a looke at it?

Hello, I’m Allie!•9mo ago

Ok, so looking at it, I'm not actually sure how to adapt it. Tbh, I've never used Vike myself. Maybe try starting with their example that works, and slowly copy over components/pages? Big thing though, don't use node-fetch, since Workers already has the fetch API

LamodotOP•9mo ago

Alight

Gaming

Programming

How to use worker with an existing application