**Score: 98/100** · 0 errors · 5 warnings

Copy as prompt

```text
Fix the following React Review diagnostics in my codebase.

## Warnings (5)

1. [warning] nextjs-missing-metadata — src/app/page.tsx:1
Page without metadata or generateMetadata export — hurts SEO

2. [warning] design-no-bold-heading — src/app/page.tsx:15
font-extrabold on

crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

3. [warning] design-no-bold-heading — src/app/page.tsx:24
font-bold on

crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

4. [warning] design-no-bold-heading — src/app/page.tsx:35
font-bold on

crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

5. [warning] no-prevent-default — src/app/_components/post.tsx:26
preventDefault() on onSubmit — form won't work without JavaScript. Consider using a server action for progressive enhancement
```

---

### ⚠️ Warnings (5)

**`design-no-bold-heading`**

font-extrabold on <h1> crushes counter shapes at display sizes — use font-semibold (600) or font-medium (500)

> Use `font-semibold` (600) or `font-medium` (500) on headings — 700+ crushes letter counter shapes at display sizes

[`src/app/page.tsx:15`](https://github.com/celeroncoder/t3-template/blob/ddaeda6cb2c2a7b8f9d18e6566de02dc8c14c7bc/src/app/page.tsx#L15)
[`src/app/page.tsx:24`](https://github.com/celeroncoder/t3-template/blob/ddaeda6cb2c2a7b8f9d18e6566de02dc8c14c7bc/src/app/page.tsx#L24)
[`src/app/page.tsx:35`](https://github.com/celeroncoder/t3-template/blob/ddaeda6cb2c2a7b8f9d18e6566de02dc8c14c7bc/src/app/page.tsx#L35)

**`nextjs-missing-metadata`**

Page without metadata or generateMetadata export — hurts SEO

> Add `export const metadata = { title: '...', description: '...' }` or `export async function generateMetadata()`

[`src/app/page.tsx:1`](https://github.com/celeroncoder/t3-template/blob/ddaeda6cb2c2a7b8f9d18e6566de02dc8c14c7bc/src/app/page.tsx#L1)

**`no-prevent-default`**

preventDefault() on <form> onSubmit — form won't work without JavaScript. Consider using a server action for progressive enhancement

> Use `<form action={serverAction}>` (works without JS) or `<button>` instead of `<a>` with preventDefault

[`src/app/_components/post.tsx:26`](https://github.com/celeroncoder/t3-template/blob/ddaeda6cb2c2a7b8f9d18e6566de02dc8c14c7bc/src/app/_components/post.tsx#L26)

---

_{Last scored May 14, 2026 at 9:39 AM UTC. Maintained by [React Review](https://github.com/millionco/react-review).}