eSolia Colophon

History

SvelteKit and Svelte 5

This site is built with SvelteKit, a full-stack web framework powered by Svelte 5. SvelteKit provides server-side rendering, code splitting, and a file-based routing system that makes building fast, accessible websites straightforward.

Svelte 5 introduces a powerful runes system ($state, $derived, $effect, $props) for reactive state management. Components compile to minimal JavaScript with no virtual DOM overhead, resulting in exceptional performance.

We use TypeScript throughout the codebase for type safety, with strict checking and Zod schema validation at all data boundaries.

Cloudflare Workers

The site is deployed on Cloudflare Workers, running at the edge in data centers worldwide. This gives us sub-50ms response times globally, with no cold starts and automatic scaling. Cloudflare Image Resizing automatically serves optimized images in modern formats (AVIF, WebP) at the right size for each device.

DNS and CDN are managed through Cloudflare for reliable, fast resolution and DDoS protection.

Site Look

The look of this site comes from several components.

First, the stylistic base uses Tailwind CSS v4 with its new CSS-first configuration system. About Tailwind:

Tailwind CSS is a utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.

It allows you to have consistency in your basic styles, responsiveness to support mobile users, and acts as a great starting point for any site design.

As for Type Faces, we use IBM Plex Sans JP for optimal performance and readability across all devices.

The icons you see are from Phosphor Icons, integrated via phosphor-svelte.

The photos and most graphics on this site are by Rick Cogley, unless otherwise noted.

The hero videos on the homepage are served via Cloudflare Stream and sourced from Pexels (royalty-free):

• "Timelapse of Shibuya Crossing" by Timo Volz
• "Tokio" by Timo Volz
• "Monorail Traveling Above the Rail Tracks" by alenta azwild
• "Walking Towards Buildings in Front of Tokyo Tower" by Simo Herold
• "Peace 02" by Geun Goh
• "Professional Networking Event in Modern Office Setting" by Max Medyk
• "A Group of People Walking Through a Crowded Street" by Huu Huynh

Content Pipeline

Content is authored in Markdown with YAML frontmatter, processed through a unified pipeline (remark + rehype) that provides GFM support, auto-linked headings, and table of contents generation. HTML output is sanitized for security before rendering.

Data

For dynamic content like news posts and project information, we pull data from our company ERP system running on PROdb, our cloud database. The Info Request form pushes info to a table in PROdb as well, to allow for some automation.

Source Code

The repository for this site is hosted at Github. The codebase uses a dual-layer linting strategy (oxlint + ESLint with custom Svelte rules) and automated verification checks.

We're Humans(.txt)

We also have a humans.txt file. Humans.txt is an attempt to standardize on a way of making a site colophon, in text format, and plays upon the robots.txt files that give directives about your site, to the search engine crawler programs that index it.

Click it, and you'll see the same basic information as on this page, in a simple text only form.

Thanks!

Sites don't always properly acknowledge contributions, but believe us, every site on the Internet owes a debt of gratitude to many parties, other than the company that did the site design.

We used Claude Code during development for code generation and content editing.

A hearty thanks to the Lume and Deno teams (our previous site ran on Lume and it served us well), Rich Harris and the Svelte team, the Cloudflare Workers team, and the Tailwind CSS team for building the tools that power this site.

Finally, thanks also to team eSolia for the many hours working on content.

Now to get back to business!