External resources

The ExternalResources component pulls from a central list of apps ↗ and videos ↗.

Import

import { ExternalResources } from "~/components";

Preview

Demo apps

• Hackathon Helper: ↗ A series of starters for Hackathons. Get building quicker! Python, Streamlit, Workers, and Pages starters for all your AI needs!
• NBA Finals Polling and Predictor: ↗ This stateful polling application uses Cloudflare Workers AI, Cloudflare Pages, Cloudflare Durable Objects, and Hono to keep track of users' votes for different basketball teams and generates personal predictions for the series.
• Floor is Llava: ↗ This is an example repo to explore using the AI Vision model Llava hosted on Cloudflare Workers AI. This is a SvelteKit app hosted on Pages.
• Whatever-ify: ↗ Turn yourself into...whatever. Take a photo, get a description, generate a scene and character, then generate an image based on that calendar.
• Vanilla JavaScript Chat Application using Cloudflare Workers AI: ↗ A web based chat interface built on Cloudflare Pages that allows for exploring Text Generation models on Cloudflare Workers AI. Design is built using tailwind.

Videos

• Build a private AI chatbot using Meta's Llama 3.1: ↗ In this video, you will learn how to set up a private AI chat powered by Llama 3.1 for secure, fast interactions, deploy the model on Cloudflare Workers for serverless, scalable performance and use Cloudflare's Workers AI for seamless integration and edge computing benefits.
• Welcome to the Cloudflare Developer Channel: ↗ Welcome to the Cloudflare Developers YouTube channel. We've got tutorials and working demos and everything you need to level up your projects. Whether you're working on your next big thing or just dorking around with some side projects, we've got you covered! So why don't you come hang out, subscribe to our developer channel and together we'll build something awesome. You're gonna love it.
• Use Vectorize to add additional context to your AI Applications through RAG: ↗ A RAG based AI Chat app that uses Vectorize to access video game data for employees of Gamertown.
• Cloudflare Workers AI, Building a "Hello, World" AI App!: ↗ Cloudflare's Workers AI helps you add AI functionality to the apps you are building. In this video we show you how simple and straightforward it is to build the Hello World of AI apps in under 5 minutes.
• Build a URL Shortener with an AI-based admin section: ↗ We are building a URL Shortener, shrty.dev, on Cloudflare. The apps uses Workers KV and Workers Analytics engine. Craig decided to build with Workers AI runWithTools to provide a chat interface for admins.
• Tool Calling Also Known as Function Calling on Cloudflare Workers AI: ↗ Tool calling, also known as function calling, is a powerful concept that lets you build Large Language Model based applications that can perform actions and retrieve external information from defined tools.
• API Roll (Father's Day): ↗ This walks through how to use Workers AI with Hono and Zod to create a streaming pun generating API.
• AI can see clearly now - Build Vision Apps on Cloudflare Workers AI: ↗ The LlaVa model is hosted on Cloudflare Workers AI. Which means you are an API call away from brand new powerful vision use cases in all of your applications.
• Workers AI - Getting Started - Vanilla Chat App: ↗ Get started building AI apps on Cloudflare using Pages and the GitHub starter template for a Vanilla JavaScript Chat App.
• Image Generation, Inpainting, and Vision Models: ↗ Is that person you are about to swipe right on, actually real? Are they AI Generated?
• Learn AI Development (models, embeddings, vectors): ↗ In this workshop, Kristian Freeman, Cloudflare Developer Advocate, teaches the basics of AI Development - models, embeddings, and vectors (including vector databases).
• Optimize your AI App & fine-tune models (AI Gateway, R2): ↗ In this workshop, Kristian Freeman, Cloudflare Developer Advocate, shows how to optimize your existing AI applications with Cloudflare AI Gateway, and how to finetune OpenAI models using R2.
• How to use Cloudflare AI models and inference in Python with Jupyter Notebooks: ↗ Cloudflare Workers AI provides a ton of AI models and inference capabilities. In this video, we will explore how to make use of Cloudflare’s AI model catalog using a Python Jupyter Notebook.

import { ExternalResources } from "~/components";

## Demo apps
<ExternalResources type="apps" tags={["AI"]} products={["Pages"]} />

## Videos
<ExternalResources type="videos" tags={["AI"]} />

Props

type

required

type: "apps" | "videos"

The type of resources to show, apps or videos.

tags

type: string[]

Filter resources down to those where the tags property contains any of these strings.

To see a list of the available tags, and which pages are associated with them, refer to this list.

products

type: string[]

Filter resources down to those where the products property contains any of these strings.

cloudflareOnly

type: boolean

default: true

Filter resources down to those with cloudflare: true.