cloudflare · Cloudflare Workers Docs
Workers Build a todo list Jamstack application
A step-by-step tutorial for building a full-stack Jamstack todo application using Cloudflare Workers, Workers KV for data storage, and standard web technologies.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Workers Build a todo list Jamstack application
A step-by-step tutorial for building a full-stack Jamstack todo application using Cloudflare Workers, Workers KV for data storage, and standard web technologies.
When To Use
Use when you need to implement a data-driven web application using Cloudflare Workers and Workers KV for state management.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/workers-build-a-jamstack-app-todo-list-application-workflow-guide.md | A step-by-step tutorial guide for building a todo list Jamstack application using Cloudflare Workers, Workers KV, and JavaScript. | Questions about a step-by-step tutorial guide for building a todo list Jamstack application using Cloudflare Workers, Workers KV, and... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja.text | The npm command used to initialize the Cloudflare Workers todo list Jamstack application project. | Exact payloads, commands, or snippets shown in The npm command used to initialize the Cloudflare Workers todo list Jamstack application project. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-2.text | The yarn create cloudflare command used to initialize the todo list Jamstack application project structure. | Exact payloads, commands, or snippets shown in The yarn create cloudflare command used to initialize the todo list Jamstack application project structure. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-3.text | The pnpm command used to initialize a new Cloudflare Workers Jamstack todo list application. | Exact payloads, commands, or snippets shown in The pnpm command used to initialize a new Cloudflare Workers Jamstack todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-4.text | Terminal commands for navigating to the todo application directory and initializing the project environment. | Exact payloads, commands, or snippets shown in Terminal commands for navigating to the todo application directory and initializing the project environment. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-5.text | A JavaScript export default handler implementing the fetch function for a Cloudflare Workers-based Jamstack todo application. | Exact payloads, commands, or snippets shown in A JavaScript export default handler implementing the fetch function for a Cloudflare Workers-based Jamstack todo appl... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-kv.text | A CLI command to create a new Cloudflare KV namespace named TODOS for use in a Jamstack application. | Exact payloads, commands, or snippets shown in A CLI command to create a new Cloudflare KV namespace named TODOS for use in a Jamstack application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-6.text | A text configuration snippet defining the KV namespace binding for the TODO application. | Exact payloads, commands, or snippets shown in A text configuration snippet defining the KV namespace binding for the TODO application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-kv-2.text | A configuration snippet defining a KV namespace binding named TODOS for a Cloudflare Workers application. | Exact payloads, commands, or snippets shown in A configuration snippet defining a KV namespace binding named TODOS for a Cloudflare Workers application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-7.text | A Cloudflare Workers script implementing a Jamstack todo list application using KV storage for data persistence. | Exact payloads, commands, or snippets shown in A Cloudflare Workers script implementing a Jamstack todo list application using KV storage for data persistence. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-8.text | A JavaScript worker script implementing a todo list application using Cloudflare Workers KV for data persistence. | Exact payloads, commands, or snippets shown in A JavaScript worker script implementing a todo list application using Cloudflare Workers KV for data persistence. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-9.text | A template containing the HTML structure and embedded JavaScript for the todo list Jamstack application interface. | Exact payloads, commands, or snippets shown in A template containing the HTML structure and embedded JavaScript for the todo list Jamstack application interface. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-10.text | A text file containing the HTML template string used to render the user interface for the Jamstack todo list application. | Exact payloads, commands, or snippets shown in A text file containing the HTML template string used to render the user interface for the Jamstack todo list applicat... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-11.text | A template containing the HTML structure and client-side JavaScript for rendering a todo list application. | Exact payloads, commands, or snippets shown in A template containing the HTML structure and client-side JavaScript for rendering a todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-12.text | A JavaScript function that generates an HTML template string for rendering a todo list application with embedded todo data. | Exact payloads, commands, or snippets shown in A JavaScript function that generates an HTML template string for rendering a todo list application with embedded todo... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-13.text | A JavaScript fetch handler function that processes requests and returns an HTML response containing a JSON-encoded list of todos. | Exact payloads, commands, or snippets shown in A JavaScript fetch handler function that processes requests and returns an HTML response containing a JSON-encoded li... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-14.text | A JavaScript fetch handler implementation for a Cloudflare Workers-based todo list application that manages data persistence via KV storage. | Exact payloads, commands, or snippets shown in A JavaScript fetch handler implementation for a Cloudflare Workers-based todo list application that manages data pers... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-15.text | A JavaScript function that generates the HTML structure for the todo list application interface. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure for the todo list application interface. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-16.text | JavaScript code for managing todo list state and handling DOM interactions within a Jamstack application. | Exact payloads, commands, or snippets shown in JavaScript code for managing todo list state and handling DOM interactions within a Jamstack application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-17.text | A JavaScript function that generates the HTML structure and client-side logic for rendering a todo list application. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure and client-side logic for rendering a todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-18.text | A JavaScript function that generates the HTML structure for a todo list application using template literals. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure for a todo list application using template literals. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-19.text | A JavaScript function that generates HTML content for rendering a todo list application. | Exact payloads, commands, or snippets shown in A JavaScript function that generates HTML content for rendering a todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-20.text | The HTML template containing the frontend structure and data attributes for the Jamstack todo list application. | Exact payloads, commands, or snippets shown in The HTML template containing the frontend structure and data attributes for the Jamstack todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-21.text | A JavaScript function that generates HTML markup for rendering a list of todo items in a Jamstack application. | Exact payloads, commands, or snippets shown in A JavaScript function that generates HTML markup for rendering a list of todo items in a Jamstack application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-22.text | A JavaScript function that generates the HTML structure and client-side logic for rendering a todo list application. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure and client-side logic for rendering a todo list application. |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-23.text | A JavaScript export default handler implementing a fetch event to manage a todo list application using Cloudflare Workers and KV storage. | Exact payloads, commands, or snippets shown in A JavaScript export default handler implementing a fetch event to manage a todo list application using Cloudflare Wor... |
examples/workers-build-a-jamstack-app-todo-list-application-cloudflare-workers-ja-24.text | A JavaScript function that generates an HTML template for a todo list application including client-side state management and fetch requests. | Exact payloads, commands, or snippets shown in A JavaScript function that generates an HTML template for a todo list application including client-side state managem... |
What This Skill Covers
- In this tutorial, you will build a todo list application using HTML, CSS, and JavaScript. The application data will be stored in Workers KV.
- Main sections:
Tags,Before you start,1\. Create a new Workers project,2\. Review project details,3\. Write data to KV.
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://developers.cloudflare.com/workers/tutorials/build-a-jamstack-app