Learn Cloudflare Workers - Full Course for Beginners

Learn how to build your first Cloudflare Workers application and deploy it to Cloudflare's global network. If you don’t already have an account sign up for a free Workers account today 🔗 workers.cloudflare.com!
👨‍🏫 Hosted by Kristian Freeman, Cloudflare Developer Advocate
🔗 / kristianf_
🔗 Get Started guide for Cloudflare Workers: developers.cloudflare.com/wor...
🔗 Source code for this video available on GitHub: github.com/kristianfreeman/wo...
📺 Watch the next video in this series: • Stateful Apps with Clo...
⚡ Chapters
☁️ 00:00:00 Introduction
☁️ 00:01:02 Setup a new Cloudflare Account
☁️ 00:03:08 Creating first Worker
☁️ 00:05:08 Writing code
☁️ 00:09:12 What is Wrangler?
☁️ 00:10:44 Log in to Cloudflare
☁️ 00:11:50 Deploy your application
☁️ 00:12:50 Building your app locally
☁️ 00:18:43 Looking at your first Workers code
☁️ 00:12:50 Building your app locally
☁️ 00:25:20 How to configure your Workers application
☁️ 00:31:00 Configuring Cloudflare services in your app
☁️ 00:32:50 Adding the Hono framework
☁️ 00:37:47 Integrating Cloudflare AI
☁️ 00:44:17 Writing your first Cloudflare AI code
☁️ 00:53:02 What else can you do with Cloudflare Workers?
☁️ 00:56:12 Next steps
☁️ 00:58:44 Conclusion
---
📚 Resources
Join the Cloudflare Developers Discord: discord.cloudflare.com
Read the docs: developers.cloudflare.com/wor...
Explore related products: www.cloudflare.com/developer-...
See what you can build with Workers: workers.cloudflare.com/built-...
Explore our AI offerings: ai.cloudflare.com/

[@sureshkumargondi4631]

This is too good. More of this please :) Thank you Kristian.

[@frankdrolet9439]

Absolutely amazing, thanks for that! Keep them coming!

[@Every-AI]

this is so good, now need an ai agent trained on cloud flare docs

[@v1d300]

First, amazing! Very well made video. Really like that you even managed to quickly cover wrangler and its use with some details about the CLI tool. Thank you. Second, I need to find friends like you have whom I can call to get $100B fund to my silly ideas I would watch that email trigger project.

[@yosemitebandit]

What a great video, thanks! I haven't done serverless before (have done a lot of flask projects in the past), but going through the tutorial has been very smooth, I can see building lots of projects on the CF platform.

[@zygote846]

Great tutorial,Thank you CF :).We need more on Cloudflare Wokers.

[@reFLEQzion]

just signed up for cloudflare and found this. great service, great free tier, great video! i love how CF supports and handles the free tier!

[@user-xl4qu5qg1c]

1:13 1:14

[@user-xl4qu5qg1c]

1:19

[@user-xl4qu5qg1c]

Р-н 1:26

[@RobertMcGovernTarasis]

Cheers for this, and interesting to see Kitty in the wild

[@ShuklaAbhijeet]

WOW In the morning I saw examples were Hello Rust and re-checking again I got this.

[@enghimanshu]

Amazing tutorial!

[@VenkatRamanaDevarakonda]

Please do a video on email triggers as you mentioned. I am trying to build something and the video will be super helpful

[@LeLettreDeLiaEtDeLaTech]

Tres interessant! Merci

[@junepark4104]

Great video

[@Anowarulislam-kl8hx]

Thank you ❤❤❤❤

[@Danielo515]

Very good and informative

[@richardmilton7948]

Great video - thanks so much!

[@CloudflareDevelopers]

You're very welcome!

[@sahil.lalani]

great tutorial, are there also tutorials for streaming text responses with cloudflare workers?

[@nickgray]

wait this is epic

[@ManasMadrecha]

This is a useful video. Can you do one with R2 on worker and it is being used as an assets cdn for images, videos, PDFs, etc.

[@jonathanoberlander5227]

Enabling users to toggle local mode on and off is an excellent UX.

[@markhristov7171]

I would love to see the ai-email-summarizer!

[@mdfaran7150]

I'd love to see the email trigger project that you made. Thank you.

[@luiswebdev8292]

Cloud provider: Let's make a tutorial about how to use our tool and UI Also Cloud provider: Let's completely revamp our tool and UI so it looks different, uses different config and different commands

[@yosemitebandit]

would be cool to see the email ingestor + summarizer project 👍👍

[@JohnathanHendrix]

Excellent video. Would love to see a video from you on email triggers aummarizing with AI.

[@webbae]

great video thank you! is there any good content on implementing libraries that have node dependencies? I've been struggling with node compat errors for some time now...

[@sashka056]

0:59 1:04 ❤

[@scotly_emi]

can you do R2 tutorial please

[@philodox13]

I have a question. At 40:00 you create a new Ai() object. If creating new Ai() is very expensive and requires a lot of compute, is it possible to create that object outside of the GET request so you don't have to recreate a new Ai() on every request? I'm asking because I have a similar use case in my app where I need to create an expensive object, but once created, the methods on the object run very quickly. Is this a case for durable-objects offered by Cloudflare? Does this mean my app is stateful if I want a JavaScript objects to persist through requests?

[@aemadrid]

Can you use bun instead of npm?

[@user-jg4bl4pt4q]

how can I get started, it's great

[@jimshtepa5423]

when are more advanced courses are coming?

[@litic]

Does anyone have any project ideas I could do using cloudflare workers?

[@udayignet6119]

How to solve CORS error while submitting Blogger Form Widget, by using cloudflare custom email

[@rtorcato]

can we get a sample of a react server components and cloudflare workers?

[@4ssarabio]

22:22

[@sashka056]

@@4ssarabio 22:35

[@user-xl4qu5qg1c]

​@@4ssarabio0:16

[@user-xl4qu5qg1c]

0:35 0:36

[@user-xl4qu5qg1c]

0:42 0:43 0:44

[@liorlsa9]

'wrangler 3.67.1' doesn't work properly, I can't start my project even when just after installing the project. Why is that? I used 'npm create cloudflare and follow any instruction. error: X [ERROR] MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above. MiniflareCoreError [ERR_RUNTIME_FAILURE]: The Workers runtime failed to start. There is likely additional logging output above.

[@bahram9172]

❤️🙏

[@djSiMuL]

What font are you using in KiTTy to get that fancy VIM status bar? Beautiful!

[@djSiMuL]

Nevermind, I figured it out. Had to install NeoVim and NVChad.

[@gachecem_yt]

Does this means i can host a full stack nodejs app thro cloudflare workers?

[@davepratt8753]

I'm looking forward to tutorial on using new Python Worker.

[@zahrataheri3445]

❤

[@user-xl4qu5qg1c]

40:00

[@priyasinha0911]

This is a test comment from Selenium!

[@JohnSmith-op7ls]

Nobody’s using these 3rd tier “somebody else’s server” aka “cloud” services

[@ND6K]

? Do you not know who cloudflare is? How much of the internet they serve? Also “cloud services” are HUGE

[@JohnSmith-op7ls]

@@ND6K Nobody uses them to host apps. Couldn’t care less about their unrelated services.

[@heyjitendra]

​@@JohnSmith-op7lsLmao so much overconfidence.. Workers are used by a lot of companies. Do you know vercel edge middleware is powerful by workers??

[@pushkarkathayat7893]

@@JohnSmith-op7ls come out from your cave

[@RobertMcGovernTarasis]

You know this how?

[@marketfinds]

It was good up to Env. The template is a little different now has 'worker-configuration.d.ts' interface Env { } and now has index.ts. const app = new Hono(); // Fails with error message: Type '{ Bindings: Env; }' does not satisfy the constraint 'Env'. Types of property 'Bindings' are incompatible. Type 'Env' is not assignable to type 'Bindings'.

[@biscuithammer]

For instantiating hono, you don't need to write . also the AI bindings can be enabled in the toml file. it works but Typescript still nags though 🤦

[@columkelly99]

You can enable the AI binding in the toml file and then include in your index.ts: type Env = { AI: Ai } const app = new Hono(()

[@columkelly99]

The @cloudflare/ai package used here is deprecated but the run command can be called directly from the AI binding as per the updated docs. However, doing this I get the following TypeError: Argument of type '"@cf/thebloke/mistral-7b-instruct-v0.1"' is not assignable to parameter of type 'BaseAiImageToTextModels'. Typescript assumes the wrong overload due to the messages object not being interpreted correctly. I fixed the error by defining messages with the type RoleScopedChatInput[]

[@ashlok_chaudhary]

Thanks bro 👍 You really saved my time.

[@sharanupst]

Using Kitty. A man with taste 🤌