store-data-without-a-database

Back to templates

Use Netlify Blobs to store and retrieve data (feedback, votes, bookmarks, settings) with zero configuration — no database provisioning, no connection strings, no migrations. Blobs is key-value storage with a 5MB per-value limit — it doesn't support querying, filtering, or relationships.

·Updated Mar 18, 2026·1 variable

Using your project's framework and Netlify Blobs, add server-side data storage to this site without provisioning a database. What to store: {{DATA_PURPOSE}} The implementation should: 1. **Data access layer**: Create a module (e.g., `netlify/lib/data.ts`) that wraps Netlify Blobs with typed CRUD functions — create, get by ID, list all, update, and delete. Use `import { getStore } from '@netlify/blobs';` with a descriptive store name. Include a TypeScript interface for the data shape. 2. **API endpoints**: Create Netlify Functions at `netlify/functions/` that expose the data layer as a RESTful API — GET (list and get by ID), POST (create), PUT (update), DELETE. Return proper HTTP status codes and JSON. 3. **Frontend**: Add a page with a UI that supports full CRUD — list entries, create new ones via a form, edit existing entries inline or in a modal, and delete with a confirmation step. Handle loading, empty, and error states. The UI must be accessible: use semantic HTML (`<form>`, `<button>`, `<table>` or `<ul>`), associate all inputs with visible `<label>` elements, announce form submission results and errors to screen readers with `aria-live` regions, and ensure every interactive element is keyboard-reachable with visible focus styles. Add a link to this page in the site's navigation — if the site has no navigation, create a minimal one. Match the site's existing design. 4. **Install** `@netlify/blobs` as a dependency. **Important**: Netlify Blobs is key-value storage — you get by key or list all entries. There is no querying, filtering, sorting at the storage level, or relational joins. Keep the data model flat and simple. Any sorting or filtering happens in your function code.

Variables

DATA_PURPOSE*

What kind of data you're storing — the agent will design the data shape, API, and UI based on this. Example: User feedback submitted from a form on the homepage

Run in Agent Runners