Request a Quote

Web design

Tech specs

The technical details behind every site we build, for you, your IT contact, or your board. If you just want a great website, you can skip this page. We handle all of it.

Inspect this page

Real numbers from your own browser, measured as this page loaded.

Time to first byte
Measuring
DOM content loaded
Measuring
Full load
Measuring
Largest contentful paint
Measuring
Cumulative layout shift
Measuring
Requests
Measuring
Transferred
Measuring
Protocol
Measuring

Transfer by type

  • DocumentMeasuring
  • ScriptMeasuring
  • StyleMeasuring
  • FontMeasuring
  • ImageMeasuring
  • OtherMeasuring

Fonts: Measuring

How your site fits together

Choose a part to see what it does and how it connects to the rest.

Visitor

Visitors reach your site on any phone or computer over a secure HTTPS connection.

Pages arrive server rendered, which is good for speed and for search engines.

Global edge network

Your site is hosted on Vercel's global edge network with automatic HTTPS.

Every change gets a private preview link before it goes live.

Your website

Your site is custom built with Next.js and React, written in TypeScript, with no templates and no page builders.

Its source code is kept in a repository you own.

Email delivery

Form notifications are delivered through Resend.

Sending domains are set up with SPF, DKIM, and DMARC.

Database

Sites with custom features keep contact and member databases on Postgres (Supabase) with row level security.

That data powers intake, request, and case forms with routing rules, plus staff dashboards and reports.

Monitoring

Sentry provides uptime and error monitoring.

Weekly automated form tests check that every form still works.

Real code from this site

  1. Line 237Hidden field: people never see it, so only a bot fills it in.
  2. Line 240Time check: a form sent less than three seconds after it loaded came from a bot.
validation.ts
/** The epoch ms timestamp rendered into the form, or null if it is missing or malformed. */
export function readStartedAt(formData: FormData): number | null {
  const raw = readString(formData, STARTED_AT_NAME).trim();
  if (!/^\d{10,16}$/.test(raw)) return null;
  const value = Number(raw);
  return Number.isSafeInteger(value) ? value : null;
}

/** Returns why a submission looks automated, or null when it looks human. */
export function detectBot(formData: FormData, now: number): BotSignal | null {
  if (readString(formData, HONEYPOT_NAME).trim() !== "") return "honeypot";
  const startedAt = readStartedAt(formData);
  if (startedAt === null) return "missing-timestamp";
  if (now - startedAt < MIN_FILL_MS) return "too-fast";
  return null;
}
From this site's quote form: how we stop spam without puzzles.
  • Platform and Code

    • Custom built with Next.js and React, written in TypeScript.
    • No templates and no page builders.
    • Server rendered pages for speed and search.
    • Source code kept in a repository you own.
  • Hosting and Performance

    • Hosted on Vercel's global edge network with automatic HTTPS.
    • A private preview link for every change before it goes live.
    • A Lighthouse score of 95 or higher on every page template.
    • Optimized images in modern formats and self hosted fonts.
  • Accessibility

    • Built to conform to WCAG 2.1 Level AA.
    • Keyboard and screen reader testing, plus automated axe checks.
    • A published accessibility statement.
    • Reduced motion settings respected.
    • A page title, description, and social preview image on every page.
    • XML sitemap, robots file, and canonical URLs.
    • Structured data (schema.org) for your organization and services.
    • Redirects from every old URL when we replace a site.
  • Domains, DNS, and Email

    • Your domain and DNS stay in your name.
    • Launch changes only the records the website needs, so email keeps working.
    • Sending domains set up with SPF, DKIM, and DMARC.
    • Form notifications delivered through Resend.
  • Forms and Security

    • Server side validation on every form.
    • Bot protection without puzzles for your visitors.
    • Dependency and security updates on the care plan.
    • No visitor data sold or shared.
  • Content Editing

    • Editable pages, news, events, and alerts.
    • Staff accounts by invitation, with roles.
    • Training and a written admin guide.
  • Custom Features and Back Ends

    • Intake, request, and case forms with routing rules.
    • Contact and member databases on Postgres (Supabase) with row level security.
    • Staff dashboards and reports.
    • Migration off legacy PHP, WordPress, or Joomla sites.
  • Monitoring and Care

    • Uptime and error monitoring with Sentry.
    • Weekly automated form tests.
    • Monthly reporting and quarterly reviews.
    • A clear line between maintenance, which is included, and improvements, which are quoted.
  • Ownership

    • Every account (domain, hosting, database, email, analytics) in your name, with us invited as administrators.
    • Documentation and a runbook in your shared drive.
    • You can change vendors any time without losing anything.

Questions about the details?

We are happy to walk you or your IT contact through any of it.

Request a Quote