Favicon, page titles, Open Graph meta #29

New issue

Open

opened 2026-04-19 07:23:35 +00:00 by forgejo-lila · 0 comments

forgejo-lila commented

2026-04-19 07:23:35 +00:00

Owner

Context

The app has no favicon, page titles are generic, and shared links have no preview image or description.

What to do

Add branding and metadata.

Files to change

apps/web/index.html — favicon link, default meta tags (description, Open Graph).
apps/web/public/ — favicon files (favicon.ico, favicon.svg, apple-touch-icon.png).
apps/web/src/routes/__root.tsx — default page title via TanStack Router.
Per-route titles: play.tsx ('Play — lila'), login.tsx ('Sign In — lila'), index.tsx ('lila — Vocabulary Trainer').

Acceptance criteria

Favicon appears in browser tabs
Each route has a descriptive page title
Sharing lilastudy.com on social media shows preview with title, description, and image
Open Graph tags: og:title, og:description, og:image, og:url

Notes

Open Graph image should be 1200x630px. For MVP, a simple text-based favicon is fine.

## Context The app has no favicon, page titles are generic, and shared links have no preview image or description. ## What to do Add branding and metadata. ## Files to change - `apps/web/index.html` — favicon link, default meta tags (description, Open Graph). - `apps/web/public/` — favicon files (favicon.ico, favicon.svg, apple-touch-icon.png). - `apps/web/src/routes/__root.tsx` — default page title via TanStack Router. - Per-route titles: `play.tsx` ('Play — lila'), `login.tsx` ('Sign In — lila'), `index.tsx` ('lila — Vocabulary Trainer'). ## Acceptance criteria - Favicon appears in browser tabs - Each route has a descriptive page title - Sharing `lilastudy.com` on social media shows preview with title, description, and image - Open Graph tags: `og:title`, `og:description`, `og:image`, `og:url` ## Notes Open Graph image should be 1200x630px. For MVP, a simple text-based favicon is fine.