موتور ساخت نمونهسایت بر پایهٔ قالب
یک Cloudflare Worker که از چند پارامتر آدرس، یک سایت کامل و مخصوص هر صنف میسازد — همهٔ نمونههای این کتابخانه از آن میآیند.
هدف فنی
برای هر نوع کسبوکار کوچک، در کمتر از یک ثانیه یک ایدهٔ سایت قانعکننده و آمادهٔ موبایل بسازد، بدون مرحلهٔ ساخت جداگانه برای هر سایت؛ تا یک ایدهٔ طراحی بهصورت صفحهای کارا نشان داده شود، نه یک ماکاپ ثابت.
محدودیتها
- صفر زیرساخت برای هر دمو: یک استقرار باید به همهٔ صنفها سرویس بدهد.
- سریع روی گوشیهای میانرده با اینترنت 4G، چون بیشتر مردم لینکهای اشتراکی را اینطور باز میکنند.
- هیچ محتوای خارجی برای هر کسبوکار ذخیره نمیشود — همهچیز از چند پارامتر ساخته میشود.
- هزینهٔ اجرا نزدیک به صفر روی پلن رایگان میزبانی.
معماری
- 01
پارامترهای آدرس
کلید قالب، نام کسبوکار، شهر و جزئیات اختیاری.
- 02
مسیریاب قالب
وقتی کلیدی داده نشده، قوانین کلمهٔ کلیدی یکی از ۱۷ قالب صنفی را انتخاب میکنند.
- 03
سازندهٔ سایت
توابع قالب، HTML، CSS و اسکریپتهای کوچک تعاملی را کنار هم میگذارند.
- 04
لایههای تکمیلی
لایههای مشترک، نمایش ویدیویی، دکمههای ثابت موبایل و نامگذاری تمیز را اضافه میکنند.
- 05
پراکسیهای لبهٔ شبکه
پراکسی تصویر و ویدیوی دارای مجوز با فهرست مجاز، سقف حجم و کش.
- 06
نمایش در محیط ایزوله
صفحه داخل یک iframe با srcdoc نوشته میشود و با noindex سرو میشود.
جریان از چپ به راست و از بالا به پایین است.
تصمیمهای کلیدی پیادهسازی
قالب بهشکل تابع، نه فایل
هر صنف تابعی است که از یک شیء داده، کد صفحه را برمیگرداند. اضافه کردن یک صنف یعنی اضافه کردن داده و یک تابع — بدون مسیر جدید و بدون مقصد استقرار جدید.
پارامتر بهجای پایگاه داده
یک دمو کاملاً با آدرسش توصیف میشود؛ پس لینکها تکرارپذیر و قابل کش هستند و هرگز به دادهٔ شخصی ذخیرهشده وابسته نیستند.
مسیریابی با کلمهٔ کلیدی پیش از هوش مصنوعی
نام کسبوکارها با قوانین مرتب کلمات کلیدی مقایسه میشوند. قطعی، قابل توضیح و رایگان است؛ برای موارد مبهم میشود بعداً یک مرحلهٔ هوش مصنوعی اضافه کرد.
پراکسیهای لبه با فهرست مجاز
پراکسی تصویر فقط محتوای تصویری زیر ۸ مگابایت را میپذیرد و آدرسهای خصوصی را مسدود میکند؛ پراکسی ویدیو فقط فهرست مشخصی از شناسههای کلیپ دارای مجوز را سرو میکند.
تصاویر



چالشها
کدهای دستهبندی مشترک
کدهای رسمی دستهبندی کسبوکار بین صنفهای خیلی متفاوت مشترکاند (ناخنکاری و آرایشگاه مو ممکن است یک کد داشته باشند). معلوم شد کلمات کلیدی نام نشانهٔ خیلی بهتری هستند و کد فقط بهعنوان پشتیبان استفاده میشود.
سهبعدی ساختهشده با کد حس لوکس نداشت
نسخهٔ اولیه اتاقهای سهبعدی را با کد میساخت. از نظر فنی جالب بود اما مصنوعی به نظر میرسید. ویدیوی واقعی دارای مجوز با حرکت وابسته به اسکرول جایش را گرفت — یادآوری اینکه واقعنمایی از زیرکی مهمتر است.
درسها
- دمویی که در مرورگر اجرا میشود از هر ماکاپ ثابتی قانعکنندهتر است.
- برای تصمیمهای مسیریابی، قوانین قطعی با جایگزینهای روشن از یک مدل مبهم بهترند.
- هر نقطهٔ پایانی پراکسی از روز اول به فهرست مجاز نیاز دارد.