All pages are optimized for SEO by default. The codebase ships with automatic metadata tags, a generated sitemap, and dynamic OG banners. You mostly just need to update the content.
The Three SEO Pillars
Metadata
Metadata
The root
app/layout.tsx exports default metadata using values from config.ts. Each app can override the defaults through its own toolConfig.ts file.app/layout.tsx
Sitemap
Sitemap
The sitemap at
app/sitemap.ts combines your static public routes with blog posts from Content Collections. As you customize the starter, keep that file aligned with the routes you actually expose, such as /blog, /apps, /chat, /image-studio, /video-studio, /audio, /vision, /marketing-plan, /launch-simulator, and /voice.Dynamic OG Images
Dynamic OG Images
The route at
app/api/og/route.tsx generates dynamic Open Graph images for your pages using next/og. These are the preview cards that show up when someone shares your link on social media.Check out the Vercel OG examples for inspiration on customizing yours.Where to Edit
| What | Where |
|---|---|
| Default SEO values | config.ts at the project root |
| Page-specific overrides | Export a metadata object in any page.tsx |
| Sitemap entries | app/sitemap.ts |
| OG image generation | app/api/og/route.tsx |

