How to deploy a monorepo like Turborepo on Cloudflare Pages

So currently we have our frontend on vercel but It's not possible for us to deploy a monorepo under one git repo using vercel, and I found out that it's possible to deploy using cloudflare with mutiple cloudfalre pages (https://www.emmanuelgautier.com/blog/monorepo-publish-with-cloudflare-pages)

Emmanuel Gautier

Publish multiple projects on a Monorepo on Cloudflare Pages

All the tooling provided by service providers is great and makes the developer's life much easier. Usually, those providers connect one git repository to an application. It works fine but it is not so easy when you work on a monorepo or if you want to make multiple deployments for more than one locale from only one source code.

RADNAOP•7/29/23, 8:18 AM

Here's the article

RADNAOP•7/29/23, 8:18 AM

But I'm still having problems understanding how to do this

RADNAOP•7/29/23, 8:18 AM

Any help would be greatly appreciated!

Ray•7/29/23, 8:26 AM

apps/app1 -> build script -> output -> deploy coludflare ( wrangler pages deploy )
apps/app2 -> build script -> output -> deploy vercel ( vercel build --prod && vercel deploy --prebuilt --prod )

What you need is to make some CI scripts, through custom build, deploy commands, you can deploy anywhere.

RADNAOP•7/29/23, 8:27 AM

sorry some confusion there

RADNAOP•7/29/23, 8:27 AM

so We have out frontend on vercel already

RADNAOP•7/29/23, 8:27 AM

and our backend is a monorepo

RADNAOP•7/29/23, 8:28 AM

and we want to deploy that using cloudflare

RADNAOP•7/29/23, 8:28 AM

we have setup a basic ci/cd process using github actions

RADNAOP•7/29/23, 8:28 AM

but it says that we haven't setup the pages on cloudflare

RADNAOP•7/29/23, 8:29 AM

and when we tried to create multiple microservices using cloudflare pages

RADNAOP•7/29/23, 8:29 AM

we couldn't create another one using the same repo

RRay apps/app1 -> build script -> output -> deploy coludflare ( wrangler pages deploy...

RADNAOP•7/29/23, 8:30 AM

ohh I see

RADNAOP•7/29/23, 8:30 AM

So a ci/cd script for each application works

RADNAOP•7/29/23, 8:32 AM

would it be possible if you could provide an example?

RRADNA So a ci/cd script for each application works

Ray•7/29/23, 8:34 AM

Yes, the script for each project can be different.

simpson•7/29/23, 12:37 PM

We use an NX monorepo and Github Actions to deploy a bunch of apps to Cloudflare Pages using Direct Upload, it works great

Ssimpson We use an NX monorepo and Github Actions to deploy a bunch of apps to Cloudflare...

RADNAOP•7/29/23, 1:49 PM

can you share an example, if possible?\

RADNAOP•7/29/23, 1:49 PM

@simpson2

simpson•7/29/23, 3:24 PM

I can’t share the whole project but I can tell you it is pretty vanilla NX setup with 3 NextJS apps, configured with GitHub actions to direct upload to Cloudflare. We just followed the basic docs for both (hats off to both team for having great documentation)

simpson•7/29/23, 3:24 PM

You make X projects in Cloudflare to map the builds to

RADNAOP•7/29/23, 3:27 PM

but cloudflare doesn't seem to allow a single repo to create multiple projects?

RADNAOP•7/29/23, 3:27 PM

I have a sample app setup on cloudflare

RADNAOP•7/29/23, 3:28 PM

and when I try to create another it says that the repo is being used already

simpson•7/29/23, 6:09 PM

You won’t build on Cloudflare, all your builds will happen in GitHub Actions and then upload to your individual Cloudflare Pages projects

simpson•7/29/23, 6:10 PM

Cloudflare doesn’t support monorepos but it easy to configure GitHub Actions https://docs.github.com/en/actions

GitHub Docs

GitHub Actions documentation - GitHub Docs

simpson•7/29/23, 6:20 PM

https://developers.cloudflare.com/pages/platform/direct-upload/

Direct Uploads · Cloudflare Pages docs

Direct Uploads enable you to upload your prebuilt assets to the Pages platform and deploy them to the Cloudflare global network. This guide will …

simpson•7/29/23, 6:24 PM

So think of it as you commit your code to GitHub -> GitHub Actions builds whatever your app is -> GitHub Actions then uploads your compiled app to Cloudflare Pages through Direct Upload (kinda like ftp)

How to deploy a monorepo like Turborepo on Cloudflare Pages

Similar Threads

Similar Threads

Similar Threads