<h1>Hello World</h1>
<p>This is a sample code block</p>
<button>Click me</button>
<h1>Hello World</h1>
<p>This is a sample code block</p>
<button>Click me</button>
Define API calls directly in YAML.
Search with a param and get filtered JSON —
use a real API, or switch to a no-backend demo.
- type: http
params:
- key: name
placeholder: 검색어
method: GET
fetchFn: |
const res = await fetch(
`https://api.example.com/orders?q=${ name || "all" }`
)
const data = await res.json()
if (data.status !== 200) throw new Error(data.error || "api error")
return data.rows
# fetchFn: |
# const rows = [
# { id: 1, name: "Sample Order", price: 10000 },
# { id: 2, name: "Another Order", price: 15000 },
# { id: 3, name: "Hello World", price: 20000 }
# ]
# const q = (name || "").trim().toLowerCase()
# return !q ? rows : rows.filter(r => r.name.toLowerCase().includes(q))