Web
liansofer.online
Bilingual (Hebrew/English) professional website for a parenting coach. Built with Astro, Tailwind CSS v4, and a fully custom i18n system supporting RTL layouts.
Tech Stack
Astro Tailwind CSS TypeScript Netlify
Overview
A professional website for Lian Sofer, a parenting coach based in Israel. The site needed to support two languages - Hebrew (RTL, default) and English (LTR) - with completely separate routes, content, and UI strings.
Challenges
The main challenge was building a seamless bilingual experience without a heavy framework. Astro’s built-in i18n support handled URL routing, while a custom translations.ts file powered all UI copy. RTL layout was achieved by dynamically setting dir="rtl" on the <html> element and carefully using Tailwind’s logical properties.
What I built
- Full i18n system with Astro’s native i18n config + custom translation hooks
- RTL-aware layouts using Tailwind logical properties
- Markdown blog with paired HE/EN posts and
hreflangalternates - Service cards with pricing, feature lists, and WhatsApp deep links
- Schema.org structured data for SEO (Person, WebSite, BlogPosting)
- Deployed to Netlify with a Node 22 build pipeline