Colophon
How this site is built
Simple tools, minimal dependencies, maximum performance. Here's what's under the hood.
Architecture
Static Site Generation (SSG)
Finnly is a fully static site. Every page is pre-rendered to HTML at build time and served from a CDN. No server, no database, no runtime. The result is sub-second page loads and near-perfect Lighthouse scores.
The Stack
What it's built with
Next.js
v14.2Framework
React-based framework using the App Router with static export. Every page is pre-rendered at build time for instant loads.
TypeScript
v5Language
Strict mode enabled. Catches bugs at compile time and makes the codebase self-documenting.
React
v18UI Library
Server Components by default. Only two components ship client-side JavaScript: the FAQ accordion and the mobile menu.
Tailwind CSS
v3.3Styling
Utility-first CSS with zero custom stylesheets. Every design decision lives inline, making the UI predictable and easy to change.
Lucide React
v0.263Icons
Tree-shakeable icon library. Only the icons actually used are included in the bundle.
Inter
Typeface
Loaded via next/font with Latin subset only. No external requests, no layout shift, no FOUT.
Infrastructure
Where it runs
Render
Hosting
Static site deployment with automatic builds on push.
Cloudflare
DNS & CDN
DNS management, edge caching, and DDoS protection.
Formspree
Form Processing
Handles form submissions for community applications.
Let's Encrypt
SSL/TLS
Automatic HTTPS via Render and Cloudflare.
Plausible Analytics
Analytics
Privacy-friendly, cookie-free analytics. No personal data collected, GDPR compliant by design.
Design System
Typography & color
Typography
Heading
Inter Bold
Subheading
Inter Semibold
Body
Inter Regular. The quick brown fox jumps over the lazy dog.
Label
Inter Semibold Uppercase
Color Palette
Primary
#f97316
Primary dark
#ea580c
Accent
#14b8a6
Accent dark
#0d9488
Headings
#111827
Body text
#4b5563
Background
#fafaf9
Cards
#ffffff
Philosophy
Why this stack
Static first
Every page is pre-rendered HTML. No server, no cold starts, no loading spinners. The site works even with JavaScript disabled.
Minimal JavaScript
Only two components need client-side JS: the FAQ accordion and the mobile nav. Everything else is pure HTML and CSS delivered from the edge.
No dependencies for the sake of dependencies
Four production packages total. No state management library, no CSS-in-JS, no animation framework. If Tailwind and native HTML can do it, we don't add a package.
SEO and AI as first-class citizens
Structured data, semantic HTML, comprehensive meta tags, llms.txt, and explicit AI crawler directives. Built to be understood by both search engines and language models.