5 min read
Shipping Fresh on Deno: SSR, islands, and performance
A practical walkthrough of building and shipping a modern site with Deno Fresh, covering SSR, islands architecture, and performance wins.
Open lab note
Thanapat Chotipun
Thanapat Chotipun / PatrickChoDev
Full-stack engineer anchored in systems work.
Thanapat “Patrick” Chotipun (PatrickChoDev). I work end-to-end: product surfaces in TypeScript/React, data planes and runtimes in Go/Rust, and Linux/firmware layers instrumented for observability. Every artifact here is shippable and inspectable.
Field Notes
Dispatches from ongoing builds—telemetry drills, runtime spelunks, and debugging retros distilled down to what actually shipped.
playground // telemetry bench
Monaco telemetry bench.
Decode mocked firmware traces, profile code paths, or share live snippets—all inside a worker-isolated Monaco editor.
- Syntax-highlighted Monaco editor (JS + TS) with VS Code keybinds, shareable state, and worker-safe execution.
- Encoded capture built in: frame pairs, spiral offsets, XOR stages, and a hash verifier for the decoded output.
lab-fabricator.tsJS · Monaco syntax highlight
const spiral = (n) => (n * n + 11 * n + 7) & 0xff;
const frames = input.frames;
const key = input.key;
const bytes = [];
for (let i = 0; i < frames.length; i += 2) {
const idx = i / 2;
const salted = (frames[i] - spiral(idx) + 256) & 0xff;
const rotated = salted ^ key[idx % key.length];
bytes.push(rotateRight(rotated, 3));
}
verifyFlag(bytes);Hint: The playground verifies with SHA-256. Don’t brute force—reverse the math.
Need the details? Read the decoding walkthrough for the built-in dataset.
Lab-fabricator write-up →