Field notes

Frontend notes with a creative edge

A growing content hub designed to start static and move cleanly into a CMS when publishing volume grows.

Building a creative portfolio system that still feels professional

A practical, SEO-focused guide to turning a personal developer portfolio into a credible product surface with case studies, crawlable content, metadata, and official structured data.

Developer PortfolioNext.jsCreative UISEO

Read article

SEO10 min read

SEO for frontend developers: metadata, sitemaps, and structured data

An official-source-backed SEO checklist for frontend developers building with Next.js: metadata, canonical URLs, sitemaps, robots.txt, BlogPosting schema, and localized pages.

SEONext.jsMetadataSitemapStructured Data

Read article

Performance8 min read

Core Web Vitals for frontend developers: LCP, INP, CLS

Learn how LCP, INP, and CLS affect SEO and UX. A practical Core Web Vitals guide for React and Next.js teams with official Google metrics targets.

Core Web VitalsLCPINPCLSNext.jsReactWeb Performance

Read article

Accessibility9 min read

Web accessibility for React and Next.js: WCAG checklist

A WCAG-focused accessibility guide for React and Next.js apps: semantic HTML, keyboard support, ARIA patterns, contrast, and SEO-friendly inclusive UI.

AccessibilityWCAGReactNext.jsARIAInclusive DesignSEO

Read article

International SEO8 min read

Next.js i18n and SEO: hreflang, locales, and metadata

Ship multilingual Next.js sites with correct hreflang, locale routes, canonical URLs, and per-language metadata so EN and TR pages rank without duplicate issues.

Next.jsi18nhreflangSEOMetadataLocalizationReact

Read article