Deploy Next Js on Cloudflare

Looks superb! Thank you so much for sharing master! 🔥
Could you please consider creating a CRUD with Next 14 and server actions?
And deploy it to Cloudflare, IDK if is neccesary to use Workers o something else?
I'm hesitating between having everything in a fullstack mono repo, or creating a backend with Hono.. Hopefully you can bring some light with this..
Thank you in advance mate!

Is it cheaper?

Have you tried making a Nextjs + Drizzle and cloudflare's database? I just wanted to know the setup required to do that.

nice video, you got s sub here!!
Plz make videos about deploys I love this

Wonderful video mate 👏, I have a video request to share with you. How best can I reach out to you?

Thank you 🙏 Does the Cloudflare hosting setup you demonstrated support app API routes in Next.js , or is it just for static sites?

I'll try that today. I've been using a VPS to host my Next pages (mostly landing pages to sell digital products) and using Cloudflare as DNS/Proxy. Do you know if the Free tier can be used to host commercial sites? Vercel doesn't allow it.

thanks for this amazing video
I used Versel and Netlify for deployment
but now I'm gonna use Cloudflare
you got the new sub 👍🏻

Can you make an in depth tutorial on this topic because of some other issues like deploying a full stack project and also use next image please

cloudflare support SSR and
RSC ?

can writing `export const runtime = "edge" ` on the layout page rather than in each page suffice?

Thank you so very very much!!!

Love this! Please do more videos on cloud flare, trying to move of vercel due to pricing

Make a video on how to use Image component in cloudflare for free, I mean how to serve the appropiate image

is this included in free tier?

Does cloudflare pages support all features of Next? Because I recently ran a project on Netlify to try and move off Vercel and server actions didn't seem to be working

Can we run other meta frameworks like sveltekit, nuxt, analog or like spring, ruby on railson rails etc.c

Hey man thank you. Can you please implement it using a larger application. I have already deployed it but the results are not good. Some id/slug pages are either crashing or not navigating upon click. Also how to work with next API's.

Subbed! Please do cloudflare deploying full stack next js that uses Image component

There must be a catch right? if all NextJS features work as they should.

Didn’t Lee wrote a post on twitter that they stopped using edge on v0?

it would great a side by side comparison, like what works, what doesn't work on nextjs with cloudflare. side by side comparison with Vercel.

Love cloudflare and nextjs

Thank you, I really like your content. It would be interesting to benchmark Cloudflare vs Vercel vs VPS hosting

does not npx directly run the comman on the fly? why do you need to install the package you are about to run with it as a dev dependency too? regardless good video, keep it up

It worked perfectly with your help, thank you very much

can you make how to enbale or config cloudflare turnstile on next js project & if possible fullstack next js project on cloudflare

This looks awesome. One common concern that I have heard with nextjs devs is the 10s timeout for severless functions. Will we be able to overcome the same when we deploy it on cloud flare? If yes, can u plz let us know how? Thanks in advance

can you explain how I can deploy Angular 18 with ssr/ssg configured with xata for data retrival on Cloudflare pages ?

Dude does it support ssr?

this package cloudflare/next-onpages will work with NUXT 3 pages and SSR of NUXT3?

Thanks! Awesome video, I deploy most of my projects on vercel and pair it with cloudflare dns. Looking forward to trying this on my next project. Have you discovered any nextjs features that you lose by deploying to cloudflare?

I'm getting some deprecation warnings, such as:
npm warn deprecated [email protected]: Please upgrade to version 7 or higher

I just did a fresh node install following a fresh fnm install

Is this a cloudflare problem or a me problem?

Cloudflare is way faster than vercel. Saw a noticeable speed difference after switching.

excellent content bro, thanks

Do they support api route handlers?

Could you not just declare the edge runtime in root layout?

Thank you!

cloudflare is my ♥ and recently started developing apps with nextjs.

Seeing this, that nextjs can be deployed on cloudflare makes me love cloudflare even more. 🥰

superb. In addition with cloudflare you get email routing so no need to mess around with main in a box or cpanel just setup cloudflare email routing toyu your personal gmail like a boss

Thank you! This helped me setup my first page :) Liked and subbed!

que locura, muchas gracias

in terms of env variables, how does cloudflare handle serverside env variables? will the app be able to pick it up once you configure them in cloudflare?

I don't know what I have done wrong. I have followed all the steps mentioned in the video, but I am getting an error when I run the command "npm run pages:build".



> [email protected] pages:build
> npx @cloudflare/next-on-pages

⚡ @cloudflare/next-on-pages CLI v.1.13.5

⚡ Warning: It seems like you're on a Windows system, the Vercel CLI (run by @cloudflare/next-on-pages
⚡ to build your application) seems not to work reliably on Windows so if you experience issues during
⚡ the build process please try switching to a different operating system or running
⚡ @cloudflare/next-on-pages under the Windows Subsystem for Linux

EXIT WHEN NOT EXPECTED

SHELLAC COMMAND FAILED!
STDOUT:



STDERR:



⚡ Unexpected error: {"cmd":"npm --version","stdout":"","stderr":""}



I've been trying to work with Linux WSL and I added two files: "wrangler.toml" and I edited ".eslintrc.json" based on the documentation from Cloudflare. Still same error.


I've been facing errors for the past two days and I'm still unable to solve them. I'm reaching out here for some help.

Nice one..SImple and clear video.....
Q: Is there a easy way to add `export const runtime = "edge";` if one has plenty pages?

desde windows me sale error: throw er; // Unhandled 'error' event
^

Error: spawn npx ENOENT
at ChildProcess._handle.onexit (node:internal/child_process:286:19)
at onErrorNT (node:internal/child_process:484:16)
at process.processTicksAndRejections (node:internal/process/task_queues:82:21)
Emitted 'error' event on ChildProcess instance at:
at ChildProcess._handle.onexit (node:internal/child_process:292:12)
at onErrorNT (node:internal/child_process:484:16)
at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
errno: -4058,
code: 'ENOENT',
syscall: 'spawn npx',
path: 'npx',
spawnargs: [ 'vercel', 'build' ]
}

Super helpful. Thank you!!