A head start
for your next
search result.
Ship your Next.js site with SEO foundations in place. Metadata, sitemaps, social images, and examples you can make your own.
Stories, ideas, and things worth noticing. A little inspiration for your everyday adventures.
Illustrative preview. Search engines may display a different title or snippet.
Less setup.
More of your idea.
The pieces you would otherwise wire up yourself.
Ready to read, run, and change.
Every page, its own identity.
Page titles, descriptions, and canonical URLs that belong to the page you're on.
Make your pages discoverable.
A sitemap built from your routes, plus production-aware robots settings.
Look good when you get shared.
Dynamic Open Graph images with a real preview you can open and inspect.
Give your content context.
Structured data examples for your website, articles, and breadcrumbs.
Start with something useful.
A journal and product page. Read the source, change the content, make it yours.
Your site. Your configuration.
Set your production URL once. Preview deployments stay out of the index.
Working examples.
Useful starting points.
- 01
Make it yours
Create a repository from the template. Install the dependencies with pnpm.
- 02
Set your site identity
Add your domain, title, and description in the environment configuration.
- 03
Deploy. Inspect. Share.
Deploy to Vercel, inspect the SEO output, and start building your own content.
Also building.
A few other tools and creative experiments by Leo Wang.
Build something
worth finding.
Start with this template Free and open source. Yours to build on.