پرش به محتوا
همه نمونه‌کارها
کیس‌استادی

HossInCode

نمونه‌کار و وبلاگ فنی شخصی مهندسی نرم‌افزار، سئو و پرفورمنس بالا مستقر بر روی Kubernetes.

نقش
طراح و توسعه‌دهنده
سال
۱۴۰۴
استک
TanStack Start · MDX · Kubernetes
تیم
فردی

پروژه HossInCode یک پلتفرم نمونه‌کار و وبلاگ فنی شخصی است. محتوای MDX را در زمان ساخت به HTML ایستا تبدیل می‌کند، کدها را با Shiki رنگ‌آمیزی می‌کند و با نهایت پرفورمنس و سرعت بالا اجرا می‌شود.

یک سایت شخصی و وبلاگ معمولاً دو نیاز متضاد دارد: موتورهای جستجو باید بتوانند هر صفحه را تمیز بخزند و هر قطعه محتوا باید به آدرس جایگزین درست در زبان دیگر پیوند بخورد. سیم‌کشی دستی تگ‌های hreflang و افزودن چیدمان راست‌به‌چپ پس از اتمام کار، خطاپذیر و کُند است.

محتوا در مخزن به شکل پوشه‌های MDX و یک فایل برای هر زبان نگهداری می‌شود. فایل‌سیستم تنها منبع حقیقت است: وجود یک فایل یعنی ترجمه وجود دارد و مسیریابی، نقشهٔ سایت و دکمهٔ تغییر زبان همگی از یک تابع می‌خوانند. ابزار زمان ساخت، زمان مطالعه، عنوان‌ها و رنگ‌آمیزی کد را محاسبه می‌کند تا مسیرهای محتوا با نهایت سرعت و سبکی منتشر شوند.

نتیجه یک سایت سریع و دوستدار خزندهٔ موتور جستجو است که با رشد محتوا درست می‌ماند.

  • افزودن ترجمهٔ فارسی فقط یک فایل است
  • آدرس‌های متعارف، پیوندهای جایگزین hreflang و دکمهٔ تغییر زبان همگی با هم به‌روز می‌شوند