This is destined to be epic! Both videos you posted today are spot on, super helpful and OMG WOW! No unnecessary meming around ( i am looking at you fireship), no unnecessary buildups, no unnecessary intros.. just pure GOLD content. This is the beginning of greatness. Keep up the great work!
Thank you! The last two videos I tried really hard to distill as much content as possible in a short amount of time. This format takes a while to create, but I think over time I should be able to produce content faster!
Great content, love it! As a future video idea I would also recommend looking more in depth at the new cloudflare/wrangler-action, just some exciting stuff that came out last week that allows you to setup workers inside your github actions pipeline, directly alongside the pages action.
I like this idea. I would be cool to evaluate a good setup for building your own robust CICD pipeline for worker based applications. They also released worker workflows last week which take RPC to a new level. This is an area I'd like to explore as well
@@backpine That's really cool indeed! If you are interested in exploring the cloudflare ecosystem in the mobile dev world I helped build a cross platform stack based on react native + next + hono + cloudflare called t4-app (community loved it and cloudflare featured us in the workers launchpad). Would be cool if you take a look! Keep it up 🔥
Literally one of most useful channels for coding, keep going with very valuable tips for us solo developers atleast. Have you thought about having a discord channel, so we can share our findings and you can make video about those? Together apes stronk as the saying goes.
Great video, I always found the name "Cloudflare page" confusing, always linked it to "static page" while actually you serve dynamic content through edge 😵💫. But it's getting clearer with these walkthrough
This was an amazing video. Quick Question: What''s the difference between Cloudflare Pages and Workers? & Why would someone choose to deploy with Cloudflare? IS there a specific reason or advantage?
I'm new to the editing game. The first section of the video was being screen recorded at a lower resolution /: I was already like 6 hours deep into the process so I just kept the footage. The last half of the video has better resolution. I have a better workflow now, so the quality should improve in future videos!
Great video, thanks for the quick, no nonsense approach. Is there a way to codify/automate infrastructure on CloudFlare using something like Terraform?
You can use terraform to manage deploy cloudflare resources. Cloudflare also offer's and API that provides access to all resources, so you could build your own custom automations if you're into that
This content is gold! I didn't know it was so easy to deploy to prod and have such a developer experience, but i'm curious, with this kind of setup (cloudflare, cicd, ...) can i deploy low level backends or advanced networks applications like raw udp servers, golang grpc backends, webhooks, ... ?
I like to use Hono when building webhooks as it is very easy to work with. For lower level languages you'll have to compile your code to WebAssembly for it to work on Cloudflare (I wouldn't recommend this). I still prefer to ship lower level services to VPS's. If you need a more robust CICD pipeline you can buildout your preferred workflow on top of Github Actions
great video! I'm not sure if it was me but I found the video a little bit fast paced..? removing the logo animation in between scenes is good but long exposures of black screen felt kind of odd.
Thanks for the feedback! The pace in intentional. I am trying to distill as much info as possible in just over 10 mins (this is how I prefer to receive info). I agree about the black screen though. I am in the process of moving and will eventually have a good space to record. Once I have a better setup I'll be able to go on camera so there will be no more awkward black screens. I also am very new to editing so things should get better over time!
amazing video and explanation, thanks dude! Any chance you could make a video about same stack (hono + nextjs) but with Turborepo that gets deployed to cloudflare? maybe also using the hono RPC functionality
I will for sure be talking about Hono and RPC in future videos (this is one of my favorite patters). I have had a few people request about Turborepo. I don't have any exposure to Turborepo, so I will have to take some time to look into it. If I enjoy the process I will make a video on it in the future! Thanks for making these requests! It really helps me gauge what people are interested in!
@@backpine yea i feel like many people (like me) are interested into the monorepo setup as its super cool to be able to share code between apps. Also this is even cooler if we can deploy one app (api) to CF workers and one app (client vite react or nextjs) to CF Pages. All for free and in one single codebase! which is even more amazing. BTW thanks very much for you videos, they are super informative and helpful and you explain stuff very clearly, you got some talent dude. keep up the great work
@@jseng818 I actually follow this pattern in my apps. I put the entire project in a mono repo that share schemas and common functionality, but deploy as separate apps to worker and pages. I am going to give Turborepo a try to see if it provides a better experience
This is awesome! How would one collaborate with other devs (for example on Github) if we're developing with CF? This sounds great if we're solo developing, but does it work if we're collaborating?
If you're working on a team you can manage access to the code on Github. You can then add users to the Cloudflare account and specify what level of access they need. If you google "Manage Account Members Cloudflare" you'll find the docs for this process. You can also manage Cloudflare access via the Cloudflare API if you need to do so programmatically.
Very useful tutorial. But it's quality isn't good as previous video or this time youtube compressed more, quality is not good. And 4K or 1440P at least would be nice. Currently my video quality set to max (FullHD) but still hard to see without zoom (whenever it's not zoomed content), but anyway thank you
The quality issue was on my end during the screen recoding. I fixed it half way through filming. but had already invested so much time in the first half. Going forward the quality should improve. I am learning this process as I go lol
@@backpine I glad you able to solve video quality issue. Your content quality is impressive so do not worry. I hope Cloudflare sponsors you for such a amazing content
Thank you! Adding a subdomain is the same process. As long as you have onboarded your domain to Cloudflare you can simply add the subdomain under the custom domain sections in the worker settings.
You're using next js static export for cloudflare pages right? If so, how can you communicate to database right from front end without any backend since the static export doesn't support server action nor api route?. This video should be great if you explain how this works.🎉
In this video I was using nextjs ssr, so it had components which ran server side (which connected to the database). I should have explicitly mentioned it was ssr though. The link to the code is in the description, so you can check it out!
Yes, the example in this video has an api route and is deployed via pages. Pages is just using a worker to manage the request and will route request internally to the API routes you define. From the perspective of the developer, all you have to do is build out your api routes and deploy. You'll then be able to access all your endpoints the same way you do on any other provider
@@backpine Okay thanks. So does this mean only serverless databases work on cloudflare? If I wanted to use MongoDB in my worker would it have to connect on each request? I was thinking of writing a standalone API for my next project and maybe using serverless. But I don't want to use D1.
@@codingwithjamal I am in the same boat. I’m trying to use MariaDB (MySQL) and I have routes setup that require the database. It’s not that I don’t want to use D1, but I can’t. It’s missing way too many SQL features that our database requires.
@@RyanTheTechMan Yeah one good think about standalone servers is lone lasting connections. A lot of these serverless databases run on a standalone server themselves and just keep your connection open. But you end up depending on them because without it serverless is to slow or you have to setup the cloud yourself. Which is more work imo then running your own db
Unfortunately no. Cloudflare workers have a runtime for Javascript and WebAssembly. You'd have to compile your WordPress site to a series of WebAssembly services which is not feasible
This guy came out of nowhere and started giving us quality content
Appreciate you!
Exactly , thank youuu
Only two videos you’ve released so far have been useful…
so… 100% of your channel is useful. Incredible.
Thank you!
PLZ DON'T STOP WITH THESE VIDEOS. WE ARE WATCHING YOU. THANK YOU
Bravo - Cloudflare is underrated but will grow in popularity. Just like backpine labs. Keep it coming dude!
Thank you!
let's go, found another insanely good dev youtuber that'll go big in no time; don't forget us when you get there!
The quality is so good, I went through half the video thinking it was an official cloudflare video.
This is destined to be epic!
Both videos you posted today are spot on, super helpful and OMG WOW!
No unnecessary meming around ( i am looking at you fireship), no unnecessary buildups, no unnecessary intros.. just pure GOLD content.
This is the beginning of greatness. Keep up the great work!
Thank you! The last two videos I tried really hard to distill as much content as possible in a short amount of time. This format takes a while to create, but I think over time I should be able to produce content faster!
Subscribed. Thanks for the content. That's what I was doing with CF. Can't wait for your review on open-next
The guy we didn't know we needed, but all needed. Keep it up your content is amazing!
Thank you!
My new fav channel✨
Love your style. Keep up the great work!
Great content, love it! As a future video idea I would also recommend looking more in depth at the new cloudflare/wrangler-action, just some exciting stuff that came out last week that allows you to setup workers inside your github actions pipeline, directly alongside the pages action.
I like this idea. I would be cool to evaluate a good setup for building your own robust CICD pipeline for worker based applications.
They also released worker workflows last week which take RPC to a new level. This is an area I'd like to explore as well
@@backpine That's really cool indeed! If you are interested in exploring the cloudflare ecosystem in the mobile dev world I helped build a cross platform stack based on react native + next + hono + cloudflare called t4-app (community loved it and cloudflare featured us in the workers launchpad). Would be cool if you take a look! Keep it up 🔥
Man you're killing it
Thank you!
Thank you for such a great content!
Literally one of most useful channels for coding, keep going with very valuable tips for us solo developers atleast.
Have you thought about having a discord channel, so we can share our findings and you can make video about those?
Together apes stronk as the saying goes.
I haven't considered creating a discord channel, but this is a good idea. I am going to consider this!
awesome quality! it would be great to see some kind of authentication built into these apps
I'll put this on the list
Great video, I always found the name "Cloudflare page" confusing, always linked it to "static page" while actually you serve dynamic content through edge 😵💫. But it's getting clearer with these walkthrough
I was also confused about this at first. I initially thought Cloudflare Pages was an alternative to Github Pages.
Fantastic, thanks for this
Great thanks for sharing very helpful sir.
Glad to hear you find it helpful!
This is fantastic
Thank you!
Ayy! Helpful Video 💯❤
This was an amazing video.
Quick Question: What''s the difference between Cloudflare Pages and Workers?
& Why would someone choose to deploy with Cloudflare? IS there a specific reason or advantage?
bro got 2.57k subscribers in 2 videos, incoming banger channel
backpine screenshot my comment you're gonna hit 100k by december 31st 2024
I will note one thing, while this video _is_ useful, a lot of the screen capture footage is heavily artifacted/compressed, any idea why that is?
I'm new to the editing game. The first section of the video was being screen recorded at a lower resolution /: I was already like 6 hours deep into the process so I just kept the footage. The last half of the video has better resolution.
I have a better workflow now, so the quality should improve in future videos!
But thanks for your comment! I really didn't expect my first video to resonate with so many people
More videos plz🥺 like hosting website (hugo static site) in Cloudflare & some tips & trick
Thank you for this
Great video, thanks for the quick, no nonsense approach. Is there a way to codify/automate infrastructure on CloudFlare using something like Terraform?
You can use terraform to manage deploy cloudflare resources. Cloudflare also offer's and API that provides access to all resources, so you could build your own custom automations if you're into that
S grade content ☠️
Thank you!
This content is gold!
I didn't know it was so easy to deploy to prod and have such a developer experience, but i'm curious, with this kind of setup (cloudflare, cicd, ...) can i deploy low level backends or advanced networks applications like raw udp servers, golang grpc backends, webhooks, ... ?
I like to use Hono when building webhooks as it is very easy to work with.
For lower level languages you'll have to compile your code to WebAssembly for it to work on Cloudflare (I wouldn't recommend this). I still prefer to ship lower level services to VPS's.
If you need a more robust CICD pipeline you can buildout your preferred workflow on top of Github Actions
great video!
I'm not sure if it was me but I found the video a little bit fast paced..?
removing the logo animation in between scenes is good but long exposures of black screen felt kind of odd.
Thanks for the feedback! The pace in intentional. I am trying to distill as much info as possible in just over 10 mins (this is how I prefer to receive info).
I agree about the black screen though. I am in the process of moving and will eventually have a good space to record. Once I have a better setup I'll be able to go on camera so there will be no more awkward black screens. I also am very new to editing so things should get better over time!
amazing video and explanation, thanks dude! Any chance you could make a video about same stack (hono + nextjs) but with Turborepo that gets deployed to cloudflare? maybe also using the hono RPC functionality
I will for sure be talking about Hono and RPC in future videos (this is one of my favorite patters).
I have had a few people request about Turborepo. I don't have any exposure to Turborepo, so I will have to take some time to look into it. If I enjoy the process I will make a video on it in the future!
Thanks for making these requests! It really helps me gauge what people are interested in!
@@backpine yea i feel like many people (like me) are interested into the monorepo setup as its super cool to be able to share code between apps. Also this is even cooler if we can deploy one app (api) to CF workers and one app (client vite react or nextjs) to CF Pages. All for free and in one single codebase! which is even more amazing.
BTW thanks very much for you videos, they are super informative and helpful and you explain stuff very clearly, you got some talent dude.
keep up the great work
@@jseng818 I actually follow this pattern in my apps. I put the entire project in a mono repo that share schemas and common functionality, but deploy as separate apps to worker and pages. I am going to give Turborepo a try to see if it provides a better experience
This is awesome! How would one collaborate with other devs (for example on Github) if we're developing with CF? This sounds great if we're solo developing, but does it work if we're collaborating?
If you're working on a team you can manage access to the code on Github. You can then add users to the Cloudflare account and specify what level of access they need. If you google "Manage Account Members Cloudflare" you'll find the docs for this process. You can also manage Cloudflare access via the Cloudflare API if you need to do so programmatically.
Very useful tutorial. But it's quality isn't good as previous video or this time youtube compressed more, quality is not good. And 4K or 1440P at least would be nice. Currently my video quality set to max (FullHD) but still hard to see without zoom (whenever it's not zoomed content), but anyway thank you
The quality issue was on my end during the screen recoding. I fixed it half way through filming. but had already invested so much time in the first half. Going forward the quality should improve. I am learning this process as I go lol
@@backpine I glad you able to solve video quality issue. Your content quality is impressive so do not worry. I hope Cloudflare sponsors you for such a amazing content
can you make a video on workers with prisma
thank you
I'll look into it!
This is great, nice content, can you also show us how to add a website subdomain for free, thanks!
Thank you! Adding a subdomain is the same process. As long as you have onboarded your domain to Cloudflare you can simply add the subdomain under the custom domain sections in the worker settings.
@@backpine Can I ask for more details via email?
@@Site_for_all Of course! It's matt at my website dot com!
You're using next js static export for cloudflare pages right? If so, how can you communicate to database right from front end without any backend since the static export doesn't support server action nor api route?.
This video should be great if you explain how this works.🎉
In this video I was using nextjs ssr, so it had components which ran server side (which connected to the database). I should have explicitly mentioned it was ssr though.
The link to the code is in the description, so you can check it out!
@@backpine superb
How to print current URL in cloudflare workers
I have a problem with the functions size being over 1MB.
If you are hitting the 1MB limit you may have to upgrade to the $5 plan. On that plan there is a 10MB limit
Does nextjs api routes call workers if you deploy on cloudflare?
Yes, the example in this video has an api route and is deployed via pages. Pages is just using a worker to manage the request and will route request internally to the API routes you define.
From the perspective of the developer, all you have to do is build out your api routes and deploy. You'll then be able to access all your endpoints the same way you do on any other provider
@@backpine Okay thanks.
So does this mean only serverless databases work on cloudflare? If I wanted to use MongoDB in my worker would it have to connect on each request?
I was thinking of writing a standalone API for my next project and maybe using serverless. But I don't want to use D1.
@@codingwithjamal I am in the same boat. I’m trying to use MariaDB (MySQL) and I have routes setup that require the database. It’s not that I don’t want to use D1, but I can’t. It’s missing way too many SQL features that our database requires.
@@RyanTheTechMan Yeah one good think about standalone servers is lone lasting connections. A lot of these serverless databases run on a standalone server themselves and just keep your connection open. But you end up depending on them because without it serverless is to slow or you have to setup the cloud yourself. Which is more work imo then running your own db
@@codingwithjamal I think that’s what hyper drive fixes, but I am having a time of it figuring out how to set it up. + it doesn’t support MySQL yet :/
nextjs not possible, every app is atleast 4mb, workers have limit the nextjs app cant be mmore than 1 mb
paid version also caps to 10mb
@@LaughterLands and pages, do the pages from cloudflare have a limit?
@@sethhendrikz6949 pages is for static sites, its limit is 50mb. but if your backend server doesnt work, what will static sites do
In this video I deployed next to pages for next ssr. I'm on the $5 worker plan so the 1 mb limit is not a concern. But this is a fair point
@@backpine will your next site never cross 10mb, even on worker paid, there is 10mb limit
Is it possible to deploy a WordPress site?
Unfortunately no. Cloudflare workers have a runtime for Javascript and WebAssembly. You'd have to compile your WordPress site to a series of WebAssembly services which is not feasible
@@backpine thanks
.
x .
🫡