commands.md

• npx wrangler kv namespace list
• npx wrangler kv namespace create api-and-kv-example

index.ts

import { Hono } from 'hono';

const app = new Hono<{ Bindings: Env }>();

app.get('/repos/:username', async (c) => {
	const username = c.req.param('username');
	const cached = await c.env.KV.get(`repos:${username}`, 'json');

	if (cached) {
		return c.json(cached);
	} else {
		const resp = await fetch(`https://api.github.com/users/${username}/repos`, {
			headers: {
				'User-Agent': 'CF Workers Demo',
			},
		});
		const data = await resp.json();
		await c.env.KV.put(`repos:${username}`, JSON.stringify(data), {
			expirationTtl: 60,
		});
		return c.json(data as any);
	}
});

export default app;

wrangler.toml

#:schema node_modules/wrangler/config-schema.json
name = "api-and-kv-example"
main = "src/index.ts"
compatibility_date = "2024-08-06"

[[kv_namespaces]]
binding = "KV"
id = "d54e4637ca4649cc923b6d53c1108229"