Web

A Better Life

A small set of free web tools that help you tune sleep, habits, and focus. Everything runs in the browser — no signup, no account.

Next.js 15TypeScriptCloudflare PagesGA4

A Better Life

Overview

A Better Life is a website with small tools and guides for tuning everyday life. Phase 1 ships three tools — Sleep Calculator, Bedtime Calculator, and Evening Routine Builder — wired so that a search visit can flow naturally from one tool to the next and into a routine.

The problem

There is no shortage of articles about sleep and evening routines, but few of them let you try something on the spot and keep the result. The gap shows up as poor retention and routines that never form.

Key features

  • Sleep Calculator: works back from a wake-up time to the right bedtime
  • Bedtime Calculator: from a bedtime to wake-up windows aligned with sleep cycles
  • Evening Routine Builder: assemble a routine that fits your own rhythm
  • Results live in localStorage — no signup, no server-side state
  • Bilingual (ja / en) blog provides context around the tools

Tech stack

Frontend
Next.js 15, TypeScript
Hosting
Cloudflare Pages
Storage
localStorage
Analytics
GA4

Architecture

Built with Next.js 15 (App Router) and TypeScript, statically exported with `output: "export"` and deployed to Cloudflare Pages. Phase 1 holds no server state — every calculation and article either lives in localStorage or is baked at build time.

How AI is used

No AI inside the product yet. AI is used in the production pipeline — drafting articles, designing keywords, and reviewing bilingual copy.

Evaluation & Operations

GA4 tracks tool usage and intra-site navigation, watching whether the intended search → tool → adjacent-tool flow actually happens. Articles are placed to feel like a natural next step after using a tool.