The Challenge
Bubbies needed a site fast and accessible enough to match the brand — and findable by search engines despite being a JavaScript application.
The Solution
A Vue frontend on a Node/Koa2 API behind nginx, with Elasticsearch powering search and Rendertron serving pre-rendered pages to crawlers. The logo became a custom OpenType-SVG color font: 12.5 kB, razor-sharp at any size, sitting in a real H1 tag where search engines can read it.
What I Built
Custom OpenType-SVG Color Font
The full-color logo lives in an H1 as actual text — 12.5 kB, crisp at any resolution, and indexable.
Pre-Rendering for Crawlers
Rendertron serves rendered HTML to bots, giving a JavaScript app static-site SEO.
Elasticsearch Instant Search
Dropdown search backed by Elasticsearch behind the Koa2 API, automatically re-indexing new content.
Outcome
- Lighthouse 94 / 97 / 100 / 91 — performance, accessibility, best practices, SEO
- Moved the site from #4 to #1 on Google for its primary search term
Built With