Technical
Why SEO Matters Before You Have Traffic
Most developers ignore SEO until they launch and wonder why nobody visits their site. That is backwards. SEO is infrastructure, not marketing. You build it into the foundation during development, not bolt it on after launch.
The Infrastructure Analogy
SEO is like plumbing in a house. You install it during construction, not after people move in. Retrofitting SEO is expensive and disruptive: you have to change URL structures, add meta tags to every page, restructure your HTML, and rebuild your sitemap. All of this is trivial if you do it from the start.
What SEO Means for Developers
SEO is not keyword stuffing or gaming algorithms. For developers, it means five technical things:
- Structured data: JSON-LD that tells search engines what your content is about
- Sitemaps: A machine-readable index of all your content with timestamps
- Meta tags: Title, description, and Open Graph tags for every page
- Performance: Fast load times directly improve search rankings
- Semantic HTML: Proper heading hierarchy (h1, h2, h3) and landmark elements
The Three Things to Build First
1. Dynamic Sitemap
// app/sitemap.ts (Next.js App Router)
export default async function sitemap() {
const posts = await fetchPublishedPosts();
return posts.map(post => ({
url: `https://peaklight.ai/blog/${post.slug}`,
lastModified: post.updatedAt,
changeFrequency: 'weekly',
}));
}Search engines use your sitemap to discover content. Without one, they rely on crawling links, which is slower and might miss pages entirely.
2. JSON-LD Structured Data
const jsonLd = {
"@context": "https://schema.org",
"@type": "Article",
"headline": post.title,
"datePublished": post.publishedAt,
"author": { "@type": "Person", "name": "Chadi Abi Fadel" }
};Structured data tells search engines what your content IS, not just what words it contains. This enables rich results like featured snippets, knowledge panels, and enhanced listings.
3. Meta Tags
export async function generateMetadata({ params }) {
const post = await fetchPost(params.slug);
return {
title: post.title,
description: post.excerpt,
openGraph: { title: post.title, description: post.excerpt },
};
}AEO: Answer Engine Optimization
SEO is evolving. AI engines (ChatGPT, Perplexity, Google AI Overview) now answer questions directly by synthesizing content from across the web. To appear in AI-generated answers, your content needs clear factual statements, structured data markup, and topical authority built through many articles on related subjects.
This is why I am building 365 technical articles. Each one establishes authority on a topic and gives both search engines and AI engines high-quality content to reference.
Start Now, Not Later
Every day without SEO infrastructure is a day search engines cannot properly index your content. Build structured data, sitemaps, and meta tags into your foundation from day one.
See Google's structured data documentation for implementation details and testing tools.
RELATED READING
The Consulting Shift I Am Making In Year Two
After a year of writing and building, my consulting practice is changing shape. Shorter engagements. Sharper outcomes.
ReadThe Frontend Shift: Shipping Less JavaScript In Year Two
A year ago I reached for Next.js for everything. This year I often reach for nothing.
ReadThe Serverless Lesson I Would Write On A Sticky Note
After a year of shipping serverless projects, one rule explains most of the wins and all of the losses.
Read