About this site
Colophon
This site is designed and built by Bayram Öztürk. Every component is hand-crafted — no template, no page builder. The goal: fast, accessible, beautiful.
Framework
Next.js 14Full-stack React framework with App Router, RSC and ISR.
TypeScriptType safety on every line. Compile-time error detection.
React 18Concurrent rendering, Suspense, Server Components.
Style & Animation
Tailwind CSSUtility-first CSS, extended with a custom design token system.
Framer MotionScroll-triggered animations, page transitions, hover effects.
DM Serif DisplaySerif display font. Self-hosted via next/font.
Instrument SansBody font. Clean and highly readable.
DM MonoMonospace font for code and meta information.
Content
MDXBlog posts in Markdown + JSX, rendered with next-mdx-remote/rsc.
gray-matterMDX frontmatter parsing.
rehype-highlightCode block syntax highlighting.
Backend & API
Next.js API RoutesContact form, newsletter, likes and view counter.
ResendEmail delivery. Contact form + auto-reply + newsletter.
StripeService payments. Checkout session + webhook.
Vercel KVRedis-compatible key-value store for likes and view counts.
Deployment & Analytics
VercelCI/CD, preview deployments, edge network.
Vercel AnalyticsPrivacy-first visitor analytics.
Vercel Speed InsightsCore Web Vitals monitoring.
PlausibleCookie-free, GDPR-compliant analytics (optional).
SEO & Discoverability
Dinamik OG ImageAutomatic social media card for every page via /og route.
JSON-LDSchema.org Person structured data.
SitemapAuto-generated sitemap.xml covering all pages and blog posts.
RSS Feed/feed.xml — full-content RSS with content:encoded namespace.
Performance
Target: 100 on all Lighthouse metrics. Fonts are self-hosted via next/font (zero CDN requests). Images are optimized with next/image. No external CSS or JS loaded synchronously.
✓Performance
✓Accessibility
✓Best Practices
✓SEO
Source code
Available on GitHub. Feel free to explore.