Skip to content

Commit d660b48

Browse files
joaoh82claude
andauthored
fix(web): add favicon set — /favicon.ico no longer 404s (SQLR-72) (#171)
Adds the Next 15 app-dir icon files: icon.svg (the orange play-glyph brand mark from og.tsx / .brand-mark), favicon.ico (16/32/48 PNG-in-ICO raster so direct /favicon.ico requests return 200), and apple-icon.png (180x180 full-bleed for iOS). Documents the favicon surface and the regeneration path in web/README.md. Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
1 parent a7cacc2 commit d660b48

4 files changed

Lines changed: 14 additions & 0 deletions

File tree

web/README.md

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,14 @@ Each public route ships full search/social metadata. The pieces:
4343
[`src/lib/og.tsx`](src/lib/og.tsx) so each route just supplies a
4444
page-specific eyebrow / title / subtitle. The brand mark is inlined as
4545
SVG (Satori's dynamic-font fallback 400s on uncommon glyphs).
46+
- **Favicons** — Next 15 file conventions in `src/app/`:
47+
[`icon.svg`](src/app/icon.svg) (the orange brand mark, served as the
48+
`<link rel="icon">`), `favicon.ico` (16/32/48 raster fallback so direct
49+
`/favicon.ico` requests return 200 instead of 404), and `apple-icon.png`
50+
(180×180, full-bleed — iOS applies its own corner mask). The `.ico` and
51+
the apple icon are rasterized from the same play-glyph mark used in
52+
[`src/lib/og.tsx`](src/lib/og.tsx) and `.brand-mark`; regenerate them
53+
from `icon.svg` (e.g. with `sharp`) if the mark ever changes.
4654
- **`/sitemap.xml` + `/robots.txt`** — Next 15 metadata routes
4755
([`src/app/sitemap.ts`](src/app/sitemap.ts),
4856
[`src/app/robots.ts`](src/app/robots.ts)). Add a route to the `ROUTES`
@@ -91,6 +99,7 @@ web/
9199
├── src/
92100
│ ├── app/
93101
│ │ ├── globals.css # design tokens + utility CSS (ports the original design's styles.css)
102+
│ │ ├── icon.svg # favicon (brand mark; favicon.ico + apple-icon.png are rasterized from it)
94103
│ │ ├── layout.tsx # root layout, fonts (Inter + JetBrains Mono via next/font)
95104
│ │ ├── page.tsx # landing
96105
│ │ ├── docs/page.tsx # /docs

web/src/app/apple-icon.png

1.44 KB
Loading

web/src/app/favicon.ico

1.33 KB
Binary file not shown.

web/src/app/icon.svg

Lines changed: 5 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)