Projects.

Cloudfront viewer info

Various viewer request info generated at edge by this website’s CDN. While this overview page is a static route and is composed of several other page.tsx components, via @slots, the viewer request feature uses the Next.js dynamic headers()  API so it has to live on its own dedicated route. (See Next.js parallel routes docs).

→ Go to viewer info

Go in browser

This widget executes a WASM program, built from Go. The program itself interprets arbitrary JavaScript text input, and evaluates it as Go, using Yaegi.

CloudFlare turnstile

A playground to familiarize myself with CloudFlare’s turnstile service. Again, this overview route is static, and the @turnstileslot/page component is an async server component. While parts of it can be statically rendered, it uses the Next.js dynamic cookies() API to power both the "Client" and "Server" results. You can still view the playground below,you'll need to go to the dedicated route for a full working example.

→ Go to working turnstile playground

{
  "alwaysPassVisible": {
    "success": null
  },
  "alwaysBlockVisible": {
    "error": null
  },
  "alwaysPassInvisible": {
    "success": null
  },
  "alwaysBlockInvisible": {
    "error": null
  },
  "forceInteractiveVisible": {
    "success": null,
    "error": null
  }
}

{
  "alwaysPassVisible": null,
  "alwaysBlockVisible": null,
  "alwaysPassInvisible": null,
  "alwaysBlockInvisible": null,
  "forceInteractiveVisible": null
}

Logs viewer

Pulling logs from AWS CloudWatch logs and displaying them in a reasonably pretty format.