মোবাইল অ্যাপ

Proyecta-তে মোবাইল-ফ্রেন্ডলি ওয়েব অ্যাপ তৈরি করুন। PWA আজই কাজ করে; PWA Builder-এর মাধ্যমে নেটিভ iOS/Android wrapper তৈরি করুন।

Proyecta ওয়েব অ্যাপ তৈরি করে। “ফোনে একটি অ্যাপ” পাওয়ার সবচেয়ে দ্রুত পথ হলো একটি রেসপন্সিভ ওয়েব অ্যাপ — ঐচ্ছিকভাবে Progressive Web App (PWA) হিসেবে উন্নত করা যায়, যাতে ব্যবহারকারীরা হোম স্ক্রিনে ইনস্টল করতে পারেন এবং (সাপোর্টেড প্ল্যাটফর্মে) push notification, অফলাইন সাপোর্ট ও ফুল-স্ক্রিন অভিজ্ঞতা পেতে পারেন।

App Store, Google Play, বা Microsoft Store-এর মাধ্যমে নেটিভ ডিস্ট্রিবিউশনের জন্য, PWA Builder-এর মতো টুল ব্যবহার করে পাবলিশ করা PWA-কে wrap করতে হবে।

আউট অফ দ্য বক্সে যা পাচ্ছেন

• রেসপন্সিভ viewport switcher builder-এ — এডিট করার সময় Desktop / Tablet / Mobile preview-এর মধ্যে সুইচ করুন
• Mobile-first AI prompt — AI জানে কীভাবে রেসপন্সিভ লেআউট তৈরি করতে হয়, শুধু চাইলেই হবে
• Mobile dashboard ট্যাব — Appearance, Test ও Publish ধাপ সহ একটি ডেডিকেটেড Mobile প্যানেল, যা আপনার অ্যাপকে ইনস্টলযোগ্য মোবাইল অ্যাপে পরিণত করতে সাহায্য করে
• Push notification — দেখুন Push Notifications
• Mobile builder UI — Proyecta নিজেই ফোনে কাজ করে, তাই চলতে চলতেও build করা যায়

Mobile ট্যাব

ড্যাশবোর্ড খুলুন এবং Mobile ট্যাবে যান, সেখানে তিনটি ধাপে গাইডেড ফ্লো পাবেন:

• Appearance — অ্যাপ আইকন, নাম ও থিম কালার পর্যালোচনা করুন। মোবাইল সাপোর্ট এখনো সেট আপ না হলে, Set up mobile support-এ ক্লিক করুন এবং Proyecta এক ধাপেই সব ঠিক করে দেবে — কোনো prompt লেখার দরকার নেই।
• Test — একটি QR কোড স্ক্যান করে আসল ফোনে আপনার পাবলিশ করা অ্যাপ খুলুন (দেখুন Test on Mobile)।
• Publish to App Store — অ্যাপ স্টোরে প্যাকেজ করা ও সাবমিট করার ধাপে ধাপে গাইড (দেখুন Publish to App Stores)।

ওয়েবঅ্যাপ টেমপ্লেটে ইতিমধ্যে একটি ওয়েব অ্যাপ manifest (site.webmanifest) ও একটি service worker (sw.js) দেওয়া আছে, তাই প্রথম build থেকেই ইনস্টলযোগ্য, অফলাইন-সক্ষম PWA-এর ভিত্তি তৈরি — Mobile ট্যাব ও AI শুধু আপনার অ্যাপ অনুযায়ী এটি কাস্টমাইজ করে দেয়।

PWA-এর পথ

সবচেয়ে দ্রুত পথ হলো Mobile ট্যাবে Set up mobile support বাটন। নিজে নির্দিষ্টভাবে বলতে চাইলে, AI-কে সরাসরিও জিজ্ঞেস করতে পারো:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

যেভাবেই করো না কেন, manifest ও service worker সেট আপ হয়ে যাবে। একবার publish করলে ব্যবহারকারীরা:

• যেকোনো মোবাইল ব্রাউজারে অ্যাপটি খুলতে পারবেন
• ব্রাউজার মেনু ট্যাপ করে Add to Home Screen (iOS) বা Install app (Android) বেছে নিতে পারবেন
• হোম স্ক্রিন থেকে নেটিভ অ্যাপের মতো চালু করতে পারবেন

iOS 16.4+ এ PWA Web Push সাপোর্ট করে, তাই notification কাজ করে — সেটআপের জন্য দেখুন Push Notifications।

আরও গভীরে: নেটিভ wrapper

App Store বা Google Play-এ শিপ করতে হলে, পাবলিশ করা PWA wrap করাই সুপারিশকৃত পথ:

1. *.proyecta.live সাবডোমেনে (বা কাস্টম ডোমেনে) publish করুন
2. pwabuilder.com খুলুন এবং আপনার URL দিন
3. নেটিভ প্যাকেজ জেনারেট করুন — Android (AAB), iOS (Xcode project), Windows (MSIX)
4. সংশ্লিষ্ট স্টোরে সাবমিট করুন

বিস্তারিত জানতে দেখুন Publish to App Stores।

জেনে রাখার মতো সীমাবদ্ধতা

• Apple বিশুদ্ধ WebView অ্যাপ প্রত্যাখ্যান করতে পারে যেগুলো নেটিভ ফিচার যোগ করে না। App Store টার্গেট করার আগে এটি বিবেচনা করুন।
• iOS-এ push notification পেতে ব্যবহারকারীকে আগে Safari থেকে PWA ইনস্টল করতে হবে (wrapper থেকে নয়)।
• Camera, GPS, contacts সবই ওয়েব API-এর মাধ্যমে কাজ করে — নেটিভ-অনলি API (HealthKit, ARKit) PWA wrapper থেকে অ্যাক্সেস করা যায় না।

###近近শীঘ্রই আসছে

• নেটিভ React Native / Expo টেমপ্লেট এমন প্রজেক্টের জন্য যেগুলোতে সত্যিকারের নেটিভ shell দরকার
• Capacitor integration বিকল্প wrapping পথ হিসেবে
• Builder-এর মধ্যে অ্যাপ স্টোর পাবলিশিং wizard (আইকন, splash screen, স্টোর লিস্টিং কপি)
• অ্যাপ স্টোর metadata ম্যানেজমেন্ট builder-এর সাথে সিঙ্ক করা