<!-- generated-markdown-alternate -->
---
title: "ThoughtBubble Homepage"
description: "Thoughtbubble's company site, product landing pages, and journals, built with TanStack Start/Router, React, Vite/Nitro, and Tailwind CSS."
url: "https://briansunter.com/projects/thoughtbubble-homepage"
---

Jul 19, 2026 Launched

# ThoughtBubble Homepage

Thoughtbubble's company site, product landing pages, and journals, built with TanStack Start/Router, React, Vite/Nitro, and Tailwind CSS.

[View Source](https://github.com/briansunter/thoughtbubble-homepage)

TypeScript Next.js Bun Tailwind CSS Playwright Vitest

![Cover image for ThoughtBubble Homepage](/_astro/thoughtbubble-homepage-screenshot.DytiAvQb_Z2wSI1O.webp)

## Overview

Thoughtbubble’s company site, product landing pages, and journals are built with TanStack Start and React. One Bun-served application routes the company site, SReader, Folio, and product hosts while keeping product-relative navigation and shared SEO behavior consistent.

## Features

- Product-host routing for the company site, SReader, Folio, and product sites
- TanStack Start server rendering and TanStack Router navigation with product-relative links
- Vitest and Testing Library unit tests plus Playwright browser tests
- TypeScript and Biome checks in a Bun workspace
- Nitro production output served by Bun with Docker support
- Turnstile-protected contact email reveal and health/metrics endpoints

## Technology Stack

- TanStack Start and TanStack Router
- React 19 + TypeScript
- Vite 8 and Nitro 3 with the Bun preset
- Tailwind CSS + DaisyUI
- Vitest, Testing Library, and Playwright
- Biome

## Blog

- [ThoughtBubble Blog](https://thoughtbubble.dev/blog)

## Share this project
