اپلیکیشن‌های React و فریم‌ورک

1✅ فریم‌ورک‌های پشتیبانی‌شده#

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

• React (Vite) - محبوب‌ترین، پیشنهادی
• Next.js - مبتنی بر React، صفحه‌ها و app router
• Astro - سایت‌های ایستای سریع با اجزای React
• Vue.js (Vite) - اپلیکیشن‌های تک‌صفحه‌ای Vue

همه این‌ها خودکار کار می‌کنند - فقط ZIP پروژه خود را بارگذاری کنید!

2📦 دو راه برای بارگذاری#

گزینه A - بارگذاری کد منبع (ساده‌ترین):
فقط پوشه پروژه را همان‌طور که هست ZIP کنید و بارگذاری کنید. ابر ما آن را به‌طور خودکار برایتان می‌سازد.

گزینه B - بارگذاری فایل‌های از پیش ساخته‌شده:
ابتدا 'npm run build' را روی کامپیوتر خود اجرا کنید، سپس پوشه خروجی (dist/، build/ یا out/) را ZIP کنید و آن را بارگذاری کنید.

💡 گزینه A برای بیشتر کاربران پیشنهاد می‌شود - بدون نیاز به ترمینال یا کدنویسی!

3📁 نحوه آماده‌سازی ZIP#

1. پوشه پروژه خود را روی کامپیوتر باز کنید
2. همه فایل‌های داخل را انتخاب کنید (از جمله package.json، src/، public/ و غیره)
3. کلیک راست ← «Compress» یا «Send to ZIP»

⚠️ مطمئن شوید package.json در ریشه ZIP است، نه داخل یک زیرپوشه.

همچنین می‌توانید پروژه خود را مستقیماً از GitHub به صورت ZIP دانلود کنید.

4🚀 APK خود را بسازید#

1. در مرحله 1 حالت «Offline ZIP» را انتخاب کنید
2. فایل ZIP پروژه خود را انتخاب کنید
3. اپلیکیشن فریم‌ورک شما را به‌طور خودکار تشخیص می‌دهد
4. نام اپلیکیشن، آیکون، صفحه اسپلش و غیره را پر کنید.
5. روی «Generate APK» بزنید - تمام!

📶 برای پروژه‌های کد منبع در طول ساخت به اینترنت نیاز است.

5🎯 نکته‌هایی برای بهترین نتیجه#

• اپلیکیشن خود را تک‌صفحه‌ای (SPA) نگه دارید - بهترین کار را می‌کند
• اگر اپلیکیشن شما از بک‌اند/API استفاده می‌کند، بک‌اند را آنلاین میزبانی‌شده نگه دارید
• تصاویر و دارایی‌های پوشه 'public/' به‌طور خودکار شامل می‌شوند
• ابتدا اپلیکیشن خود را در مرورگر آزمایش کنید تا مطمئن شوید کار می‌کند

6❌ چه چیزهایی کار نمی‌کنند#

• قابلیت‌های سمت سرور (پرس‌وجوهای پایگاه داده، APIهای سروری داخل اپلیکیشن)
• اپلیکیشن‌هایی که برای اجرا به Node.js یا سرور نیاز دارند
• وب‌سایت‌های مبتنی بر WordPress، Shopify یا CMS
• پروژه‌های Svelte و Angular (به‌زودی!)

اگر اپلیکیشن شما در مرورگر بدون سرور کار می‌کند، به صورت APK هم کار می‌کند!

7📥 دانلود پروژه‌های نمونه#

این پروژه‌های نمونه آماده را برای آزمایش قابلیت امتحان کنید. هر ZIP زیر را دانلود کنید، سپس در مرحله 1 با حالت «Offline ZIP» از آن استفاده کنید تا فوراً یک APK بسازید!

⬇️ نمونه React (Vite) ←

8📥 نمونه Next.js#

یک اپلیکیشن Next.js چندصفحه‌ای با مسیریابی - برای آزمایش ناوبری صفحه در APK ساخته‌شده عالی است.

⬇️ نمونه Next.js ←

9📥 نمونه Astro#

یک سایت ایستای سریع ساخته‌شده با Astro و اجزای React - برای اپلیکیشن‌های پرمحتوا عالی است.

⬇️ نمونه Astro ←

10📥 نمونه HTML تک‌فایلی#

یک آزمایش آفلاین حداقلی تک‌فایلی (فقط index.html). برای بررسی سریع هنگام عیب‌یابی صفحه‌های خالی عالی است.

⬇️ نمونه HTML تک‌فایلی ←

11📥 نمونه HTML + CSS#

یک آزمایش آفلاین ساده دو‌فایلی (index.html + style.css) برای بررسی بارگذاری CSS خارجی در اپلیکیشن‌های ساخته‌شده.

⬇️ نمونه HTML + CSS ←