Seo.instructions
````instructions
# SEO & Meta Tags
## Overview
**This project uses React 19's native `<title>` and `<meta>` elements for SEO.** These elements can be rendered directly in component JSX and React automatically places them in the document `<head>`, regardless of where in the component tree they're rendered.
### Why This Pattern?
- ✅ **React 19 native** - Built-in meta tag hoisting to document head
- ✅ **Component-scoped** - Meta tags defined where they're used
- ✅ **No special exports** - No legacy `meta()` export function needed
- ✅ **Type-safe** - Standard JSX with TypeScript support
- ✅ **Dynamic values** - Use props, loaderData, or state in meta content
- ✅ **SEO-friendly** - Works with SSR and pre-rendering
## ⚠️ CRITICAL: React 19 Pattern Only
**DO NOT use the legacy `meta()` export function.** React Router v7 supports it for backwards compatibility, but this project uses React 19's built-in `<meta>` elements exclusively.when to use it
Community prompt sourced from the open-source GitHub repo sethdavis512/prompt-bucket (no explicit license). A "Seo.instructions" style prompt — adapt the placeholders and specifics to your task. Imported as-is and not independently retested here, so check the output before relying on it.
tags
codingcommunitydeveloper
source
sethdavis512/prompt-bucket · no explicit license
more in Coding
Coding✓ tested
Senior code review (strict mode)
senior staff engineer running a merciless but fair review
Coding✓ tested
Debug by hypothesis, not by guessing
debugging partner who forms theories before touching code
Coding✓ tested
Generate tests from described behavior
test engineer who writes tests that would actually catch regressions