# فراز | همان پنل در HTML، React، Vue، Next.js و Laravel

یک طرح · شصت‌وپنج صفحه · پنج پوشهٔ آماده: faraz-html · faraz-react · faraz-vue · faraz-next · faraz-laravel-livewire

فراز یک اسکرین‌شات HTML نیست که بعداً خودتان به React یا Next تبدیل کنید. همان پنل فروشگاه، پنج‌بار، برای پنج پشتهٔ رایج پیاده شده است. HTML: پوشهٔ faraz-html را باز می‌کنید، index.html را در مرورگر می‌بینید، بیلد لازم نیست؛ همان روز به مشتری نشان می‌دهید. React: faraz-react با Vite و React Router روی پورت ۵۱۷۳ همان شصت‌وپنج صفحه را به‌صورت اپ تک‌صفحه‌ای می‌دهد. Vue: faraz-vue با Vue ۳ روی پورت ۵۱۷۴ است تا کنار React تداخل نداشته باشد؛ تیم Vue HTML را ترجمه نمی‌کند. Next.js: faraz-next با App Router روی پورت ۳۰۰۰ همان طرح را دارد اگر React را با Next جلو می‌برید، جدا از نسخهٔ Vite. Laravel Livewire: faraz-laravel-livewire با Laravel ۱۰ و Livewire ۳ همان سایدبار و کارت‌ها را سروری می‌کند؛ برای تیمی که Blade و PHP را ترجیح می‌دهد و نمی‌خواهد فرانت جدا بسازد. داشبورد، تحلیل، فین‌تک، کاتالوگ، محصول، سفارش، فاکتور، مشتری، پیام و تقویم شمسی در هر پنج نسخه هست. راست‌چین از ریشه است. حالت روشن و تاریک و انتخابگر جلالی در HTML و React و Vue و Next و Livewire یک رفتار دارند. فریلنسر HTML را برای دمو می‌گذارد و همان شب React را به ریپو وصل می‌کند. استودیو به یک مشتری Next می‌دهد و به مشتری دیگر Laravel — بدون طراحی دوباره. رنگ و فاصله در تم مشترک است؛ برند را یک‌بار عوض می‌کنید. کار ساده شروع می‌شود: پوشهٔ همان فریم‌ورکی را باز کنید که بلدید. دقیق پیش می‌رود: npm برای React و Vue و Next، Composer برای Laravel. حرفه‌ای تمام می‌شود: آنچه در HTML دیده‌اید، در React و Next و Vue و Laravel همان است.