A professional content/knowledge hub template built with Astro 6 and Tailwind CSS v4. Features RTL support, dual-audience content architecture, article collections, FAQ, newsletter signup, and a beautiful sage/warm color system.
- RTL-first design — built for Hebrew, Arabic, and multilingual sites
- Dual-audience architecture — separate content paths for professionals and the general public
- Centralized configuration — change everything from
src/data/siteData.ts - MDX content collections — articles, stories, and pages with typed schemas
- Expert directory — showcase qualified professionals
- Books & courses — curated resource pages
- FAQ with Schema.org — accordion FAQ sections with JSON-LD markup
- Newsletter signup — ready-to-connect email forms
- Cookie consent — built-in banner component
- Style guide — live component showcase page
- SEO optimized — JSON-LD, Open Graph, Twitter Cards, sitemap
- Responsive design — mobile-first, all breakpoints
- Two color themes — Sage & Warm (default) or Cool Blue (switch in siteData.ts)
npm install
npm run dev # Development server at localhost:4321
npm run build # Production build to ./dist/
npm run preview # Preview production buildThis is your single source of truth. Change:
- Company name, tagline, description
- Contact information
- Social media links
- Service integrations (GA4, Search Console, etc.)
- Navigation menus
- Design tokens (colors, fonts, direction)
- SEO metadata
Two presets are included. To switch from Sage to Cool Blue, follow the commented instructions in siteData.ts.
- Articles: Add
.mdxfiles tosrc/content/articles/ - Stories: Add
.mdxfiles tosrc/content/stories/ - Pages: Edit
.astrofiles insrc/pages/
Change direction and lang in siteData.ts. The template uses logical CSS properties (start/end instead of left/right) so layout adapts automatically.
Default fonts: Heebo (Hebrew) + Inter (English). Replace in the <head> of BaseLayout.astro and update siteData.ts.
src/
├── components/ # Reusable Astro components
├── content/ # MDX content collections
│ ├── articles/ # Professional & public articles
│ ├── stories/ # Personal stories
│ └── pages/ # Static pages
├── data/
│ └── siteData.ts # Centralized configuration
├── layouts/
│ └── BaseLayout.astro
└── pages/ # All routes
Works with any static hosting:
- Vercel:
npx vercel - Netlify: Connect repo, build command
npm run build, publishdist/ - Cloudflare Pages: Same as Netlify
- Astro 6
- Tailwind CSS v4
- MDX
- TypeScript
See LICENSE.md
No support included. No guaranteed updates. You get the source code as-is.