Next Js 14 Mini Course | Build and Deploy Fullstack Application on Cloudflare with Turso Database

[@PlayhouseMediaGroup]

we need to see those errors, it gives a more realistic experience

[@maghfoorx]

That's very fair, some of the debugging took a bit long I didn't want to include it in the video to waste the viewer's time. But I'll think more about it next time😁😁 thanks for the feedback!👌

[@rithik93]

Need more vids like this about serverless

[@2029leandro]

Nice! I'd like to learn more stuff about Cloudflare and next js, Vercel's pricing is crazy

[@maghfoorx]

It really is!

[@0x-003]

first time being here, can you make more of these next js and maybe even React projects for beginners. it helps me create projects to my github and it teaches me. also please show us best practices. please continue to make them beginner friendly

[@maghfoorx]

Thank you for the feedback! I will try to make more of these!

[@aaronflorespasos3240]

Your contet is great, my firts language is not English, so I practice and learn with interesting topics. Gracias 😁

[@maghfoorx]

Lovely comment. Thanks!

[@gobeksalata]

nice content, quick question: what extension is that in vscode you can pop-up vim like commands (q enter to close etc)

[@maghfoorx]

Thanks! It's the neovim VSCode plugin that allows you to use VIM bindings in your editor

[@paarsaJam]

Thanks for sharing such an important tutorial.

[@maghfoorx]

Thank you man! I appreciate it

[@albertoprieto522]

Thank you very much for this video, I have a website in nextjs that I couldn't get to run very well on firebase hosting and I have to upload it to vercel, I will try cloudfare and see how it goes

[@maghfoorx]

No worries at all, I hope it goes well! Good luck 🤞

[@rithik93]

project was actually good and ezpz waiting for some bigger project

[@maghfoorx]

Niceee😎😎

[@quangminhtran7592]

Was the use of client side functions intentional?
I would have implemented the functionality using next.js latest server actions. How would this affect the deployment to cloudflare?

[@maghfoorx]

Sorry which client side functions do you mean? I did use server actions 😁 I was able to deploy to Cloudflare successfully at the end

[@quangminhtran7592]

@@maghfoorx I had a wrong thought :) Thank you for your response! May I kindly ask if Next.js also works on Cloudflare when you install other npm packages for your app, as they run on Node.js?

[@maghfoorx]

No worries! Yes absolutely most npm packages and stuff should work as normal with the `node_compat` flag on Cloudflare 👌

[@SR-zi1pw]

Does cloudfare support all vercel features?

[@maghfoorx]

Yes almost all features but Cloudflare in my opinion is better than Vercel for their generous free tier. With Vercel the pricing is really inconsistent and that can mess things up sometimes if something goes wrong.
Cloudflare doesn't have the image optimisation for free that Vercel does but I'm looking for a solution. Other than that I think Cloudflare is just better. Unlimited CDN

[@scotly_emi]

Please can you find a way of using image I have an e-commerce website to deploy

[@maghfoorx]

@scotly_emi the images still work and your project will work fine. what will you be using to store the images?
I have a couple of projects that have images and they work just as good.
You still get free unlimited Cloudflare CDN that caches your images and your site is super fast

[@scotly_emi]

But without the image optimisation won't that be a problem even if the image works fine?
I was planning on using cloudflare R2 bucket for storing images I don't know if that is a good idea and I'm using node js for backend

[@maghfoorx]

Ahh there will be no issues @scotly_emi Cloudflare already has a service for images called Cloudflare Images. That service is really really good. Use that instead of R2 and your site will work great!

[@ustav_o]

legend🔥
please make more

[@maghfoorx]

Thank you man! Will do🫡

[@priyanshsrivastava554]

what about file hosting on cloudflare using next js and speed of downloading content

[@maghfoorx]

You can host files using Cloudflare R2

[@laksjfalskfjl1kj234i1ojo]

I'm getting the "Your Functions script is over the 1 MiB size limit" when deploying my app.

[@view]

Great video

[@pulik_io]

Why Turso, and no Cloudflare D1?

[@maghfoorx]

Extremely easy to setup and I'm familiar with it😁

[@Milo_1010_]

could you do a more common prod project as a blog with dynamic routes and export static files from build to cloudflare cdn with next 14 ? it would be awesome

[@maghfoorx]

thanks for feedback! That sounds similar to my personal site sphorb.io I can make that if that sounds helpful

[@jessequartey]

You need revalidate path in the server action instead of the client component.
Edit: i commented too early 🤣🤣🤣

[@maghfoorx]

Haha thanks

[@rithik93]

mann cannot figure out what err i get while installing drizzle!

[@maghfoorx]

@rithik93 message me on twitter with the error I can help:)

[@rithik93]

@@maghfoorx actually I did resolve it after 1 hour of googling and stuff but anyways thanks. I'm just a newbie uk nvm:)

[@maghfoorx]

Ahh nice one good job, that's the way to learn!👌

[@ryankenzo9946]

Cloudflare Turnstile with next js please do it

[@aguud]

nice video

[@swapnilpatel3337]

Vercel announce Next js 15 version 😅

[@maghfoorx]

Thankfully not much has changed haha

[@noahperez9631]

yes leave the error

[@maghfoorx]

thanks for the feedback!

[@aryanmauryamr.perfect1426]

Need help 😢

[@maghfoorx]

message me on twitter :) I'll be able to help