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-index-todo-list-application-workflow-guide.md | A step-by-step tutorial for building a todo list Jamstack application using Cloudflare Workers, KV, and JavaScript. | Questions about a step-by-step tutorial for building a todo list Jamstack application using Cloudflare Workers, KV, and JavaScript. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work.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-index-todo-list-application-cloudflare-work-2.text | A text-based overview and introduction to the tutorial for building a Jamstack todo list application using Cloudflare Workers. | Exact payloads, commands, or snippets shown in A text-based overview and introduction to the tutorial for building a Jamstack todo list application using Cloudflare... |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-3.text | The pnpm command used to initialize the Cloudflare Workers todo list Jamstack application project. | Exact payloads, commands, or snippets shown in The pnpm command used to initialize the Cloudflare Workers todo list Jamstack application project. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-4.text | Terminal commands for navigating to the project directory and initializing the todo list application environment. | Exact payloads, commands, or snippets shown in Terminal commands for navigating to the project directory and initializing the todo list application environment. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-5.text | A JavaScript export default handler implementing the fetch method for a Cloudflare Workers-based todo list application. | Exact payloads, commands, or snippets shown in A JavaScript export default handler implementing the fetch method for a Cloudflare Workers-based todo list application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-6.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-index-todo-list-application-cloudflare-work-7.text | A configuration snippet defining the KV namespace binding for the TODO application. | Exact payloads, commands, or snippets shown in A configuration snippet defining the KV namespace binding for the TODO application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-8.text | A configuration snippet defining a KV namespace binding named TODOS for a Cloudflare Workers Jamstack application. | Exact payloads, commands, or snippets shown in A configuration snippet defining a KV namespace binding named TODOS for a Cloudflare Workers Jamstack application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-9.text | A JavaScript worker script implementing the backend logic for a Jamstack todo list application using Cloudflare Workers KV. | Exact payloads, commands, or snippets shown in A JavaScript worker script implementing the backend logic for a Jamstack todo list application using Cloudflare Worke... |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-10.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-index-todo-list-application-cloudflare-work-11.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-index-todo-list-application-cloudflare-work-12.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-index-todo-list-application-cloudflare-work-13.text | An HTML template containing client-side JavaScript for rendering a todo list within a Jamstack application. | Exact payloads, commands, or snippets shown in An HTML template containing client-side JavaScript for rendering a todo list within a Jamstack application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-14.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-index-todo-list-application-cloudflare-work-15.text | A JavaScript fetch handler function that processes requests and returns an HTML response for a todo list application. | Exact payloads, commands, or snippets shown in A JavaScript fetch handler function that processes requests and returns an HTML response for a todo list application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-16.text | A JavaScript worker script implementing a fetch handler to manage todo list data using KV storage. | Exact payloads, commands, or snippets shown in A JavaScript worker script implementing a fetch handler to manage todo list data using KV storage. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-17.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-index-todo-list-application-cloudflare-work-18.text | JavaScript code implementing the client-side logic for managing a todo list within a Jamstack application. | Exact payloads, commands, or snippets shown in JavaScript code implementing the client-side logic for managing a todo list within a Jamstack application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-19.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-index-todo-list-application-cloudflare-work-20.text | A JavaScript function that generates the HTML structure for rendering a todo list application. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure for rendering a todo list application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-21.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-index-todo-list-application-cloudflare-work-22.text | The HTML template containing the data-todo attributes used to render the todo list items in the Jamstack application. | Exact payloads, commands, or snippets shown in The HTML template containing the data-todo attributes used to render the todo list items in the Jamstack application. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-23.text | A JavaScript function that generates HTML markup for a todo list application using template literals. | Exact payloads, commands, or snippets shown in A JavaScript function that generates HTML markup for a todo list application using template literals. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-24.text | A JavaScript function that generates the HTML structure for a todo list application including todo item rendering logic. | Exact payloads, commands, or snippets shown in A JavaScript function that generates the HTML structure for a todo list application including todo item rendering logic. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-25.text | A JavaScript worker script implementing a todo list application using Cloudflare Workers and KV storage. | Exact payloads, commands, or snippets shown in A JavaScript worker script implementing a todo list application using Cloudflare Workers and KV storage. |
examples/workers-build-a-jamstack-app-index-todo-list-application-cloudflare-work-26.text | A JavaScript function that generates an HTML template for a todo list application including client-side logic for updating todos via PUT requests. | Exact payloads, commands, or snippets shown in A JavaScript function that generates an HTML template for a todo list application including client-side logic for upd... |
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/index.md