هاست فرانت‌اند روی پلتفرم ابری پاستا
پروژه React، Vue، Angular یا Vite را Build کنید و خروجی استاتیک را با وب‌سرور سبک، HTTPS و امکان CDN منتشر کنید.
● RunningProductionنمونه استقرار
$ paasta login$ cd my-frontend-app$ paasta deployBuild detected: frontendHealth check passedHTTPS domain readyتنظیمات فرانت‌اند را شفاف ببینید.
پاستا تنظیمات و فایلهای پروژه را بررسی می‌کند و پیش از انتشار، جزئیات مهم مربوط به Build و Runtime را در اختیار شما می‌گذارد.
- ۱فریم‌ورک و پوشه خروجی تشخیص داده میشوند
اسکریپت build اجرا و پوشه‌هایی مانند dist یا build به عنوان asset نهایی انتخاب میشوند.
- ۲فایلهای استاتیک بدون Node سرو میشوند
خروجی با وب‌سرور non-root ارائه می‌شود تا مصرف حافظه پایین و زمان شروع کوتاه بماند.
- ۳کش و مسیرهای SPA تنظیم میشوند
برای Single Page Application درخواست مسیرهای ناشناخته به index.html برمی‌گردد و assetهای fingerprint شده قابل cache طولانی‌اند.
راهنما و پرسش‌های فرانت‌اند
آموزش استقرار فرانت‌اند با نمونه عملی و رفع خطاهای رایج · محاسبه هزینه
- ساخت و اجرا
- تشخیص Vite و فریم‌ورک‌های رایج JavaScript
- پورت برنامه
- 8080
صفحه با Refresh روی مسیر داخلی 404 می‌شود؛ چه کنم؟
حالت SPA fallback را فعال کنید تا مسیرهایی مانند /dashboard به index.html برگردند. برای سایت چندصفحه‌ای این گزینه را غیرفعال نگه دارید.
متغیرهای VITE_ یا REACT_APP_ چه زمانی اعمال میشوند؟
این متغیرها هنگام Build داخل فایلهای نهایی قرار میگیرند و برای کاربر قابل مشاهدهاند؛ هیچ رمز یا Token خصوصی را در آنها نگذارید.
آیا برای فرانت‌اند به پلن Node.js نیاز دارم؟
اگر خروجی پروژه فقط HTML، CSS و JavaScript است، نه. پلن سبک استاتیک کافی است؛ فقط SSR یا API داخلی به runtime سرور نیاز دارد.
همه چیز در یک پروژه
React و Vue
فایلهای استاتیک
CDN و کش
Rollback نسخه‌ها
بازگشت به نسخه قبلی برنامه؛ تغییرات داده و دیتابیس به‌صورت خودکار برگردانده نمی‌شوند.
پروژه فرانت‌اند خود را همین امروز اجرا کنید.
هزینه بر اساس منابعی محاسبه می‌شود که برای اجرای پروژه در نظر می‌گیرید.