# Tedbin - Agency Website

> Designed and built the website for Tedbin (Twisted Binary), my own web development agency, using Next.js, Tailwind CSS, and a focus on performance and SEO.

**Published:** 2024-05-31

---
## The Need

When I started [Tedbin (Twisted Binary)](https://www.tedbin.com), I needed a website that would do three things well: clearly communicate what services I offer, rank well in local and technical search, and load fast on any device. Most agency sites are overbuilt: heavy JavaScript frameworks, unnecessary animations, and slow load times that hurt the very metrics agencies claim to optimize for.

I wanted something different: a site that practices what I preach.

## The Approach

I built tedbin.com with **Next.js**, leveraging static generation and server-side rendering to deliver fast, SEO-friendly pages. Combined with **Tailwind CSS** for styling and careful attention to semantic HTML, the result is a site that loads in under 1 second and scores 99 overall on Lighthouse.

Key work included:

- **Content architecture:** Dedicated service pages, a portfolio section, a step-by-step process overview, and a comprehensive FAQ, all structured to target relevant search queries and convert visitors into leads.
- **SEO & GEO:** JSON-LD structured data (Organization, WebSite, BreadcrumbList), OpenGraph and Twitter meta tags, canonical URLs, XML sitemap, and content optimized for both traditional search engines and AI-powered generative search (GEO) to maximize visibility across Google, ChatGPT, Perplexity, and other LLM-driven discovery channels.
- **Performance:** Static generation with Next.js, optimized images via `next/image`, font subsetting, minimal CSS, and selective client-side hydration only where needed.
- **Light/dark mode:** Full theme switching with light and dark modes, respecting system preferences and persisting user choice.
- **Multilingual:** Built with full i18n support, serving content in multiple languages to reach the Swiss market across language regions.

## Tech Stack

- **Framework:** [Next.js](https://nextjs.org/)
- **Styling:** [Tailwind CSS](https://tailwindcss.com/)
- **SEO:** Custom JSON-LD, sitemap generation
- **Hosting:** [Vercel](https://vercel.com/)
- **Analytics:** [GA4](https://analytics.google.com/)

## Outcomes

- **99 overall** Lighthouse score across Performance, Accessibility, Best Practices, and SEO
- **Sub-1-second** page loads on both mobile and desktop

---

_Want a site that's built for performance and search? [Get in touch](/contact) or visit [tedbin.com](https://www.tedbin.com)._