Framework7 CLI (Command Line Interface) ব্যবহার করে Framework7 এর মাধ্যমে দ্রুত একটি নতুন প্রজেক্ট তৈরি করা সম্ভব। এটি ব্যবহার করে মোবাইল অ্যাপ, ওয়েব অ্যাপ এবং PWA তৈরি করা যায়। নিচে Framework7 CLI দিয়ে নতুন প্রজেক্ট তৈরির ধাপগুলো ব্যাখ্যা করা হলো:
Framework7 CLI ইনস্টল করা
Framework7 CLI ইনস্টল করতে আপনার সিস্টেমে Node.js এবং NPM ইনস্টল করা থাকতে হবে। এরপর Framework7 CLI ইনস্টল করতে নিম্নলিখিত কমান্ডটি চালান:
npm install framework7-cli -g
Framework7 CLI দিয়ে নতুন প্রজেক্ট তৈরি
Framework7 CLI ব্যবহার করে নতুন প্রজেক্ট তৈরি করতে নিচের ধাপগুলো অনুসরণ করুন:
১. CLI কমান্ড চালানো
framework7 create
২. Framework7 প্রম্পট অপশন নির্বাচন
framework7 create কমান্ড চালানোর পর CLI আপনাকে কিছু প্রম্পট দেখাবে। আপনার অ্যাপের ধরন এবং সেটআপ অনুযায়ী অপশনগুলো নির্বাচন করুন:
- Framework Version:
Framework7 Core, Vue.js, অথবা React।- Framework7 Core: যদি আপনি HTML, CSS, এবং JavaScript ব্যবহার করতে চান।
- Vue.js: Vue.js এর সাথে ইন্টিগ্রেটেড প্রজেক্ট।
- React: React এর সাথে ইন্টিগ্রেটেড প্রজেক্ট।
- Target Type:
Single View App, Web App, অথবা PWA।- Single View App: একটি সাধারণ মোবাইল অ্যাপ।
- Web App: ব্রাউজারে চলার জন্য ওয়েব অ্যাপ।
- PWA: Progressive Web App।
- Theme:
iOS অথবা Material Design।- iOS থিম: iOS-এর মতো ডিজাইন।
- Material Design থিম: Android-এর মতো ডিজাইন।
- CSS Preprocessor:
CSS, LESS, অথবা SASS। - Build Tool:
Webpack অথবা Vite।- Webpack: ক্লাসিক বিল্ড টুল।
- Vite: দ্রুততর বিল্ডিংয়ের জন্য নতুন টুল।
- Cordova Integration:
মোবাইল অ্যাপ তৈরি করতে চাইলে Cordova অন্তর্ভুক্ত করুন। - Project Name:
প্রজেক্টের জন্য একটি নাম দিন। - Package Name:
অ্যাপ প্যাকেজের জন্য একটি ইউনিক নাম (যেমন:com.example.myapp) দিন।
Framework7 প্রজেক্ট স্ট্রাকচার
Framework7 CLI আপনার জন্য নিচের মতো একটি ফোল্ডার স্ট্রাকচার তৈরি করবে:
/my-app
/src
/assets # ইমেজ, আইকন ইত্যাদি।
/css # স্টাইলশিট।
/js # জাভাস্ক্রিপ্ট ফাইল।
/pages # পৃষ্ঠার HTML ফাইল।
app.js # Framework7 এর প্রধান ফাইল।
index.html # প্রজেক্টের প্রধান HTML।
package.json # NPM ডিপেনডেন্সি।
webpack.config.js # বিল্ড কনফিগারেশন।
প্রজেক্ট রান করা
প্রজেক্ট তৈরি হলে, ডিরেক্টরিতে প্রবেশ করুন এবং ডিপেনডেন্সি ইনস্টল করুন:
cd my-app
npm install
এরপর, প্রজেক্ট রান করতে:
npm start
এটি একটি ডেভেলপমেন্ট সার্ভার চালু করবে এবং আপনার অ্যাপটি ব্রাউজারে http://localhost:8080 এ দেখা যাবে।
প্রোডাকশন বিল্ড তৈরি
ডেভেলপমেন্ট শেষ হলে প্রোডাকশন রেডি কোড তৈরি করতে:
npm run build
এটি dist ফোল্ডারে প্রোডাকশন ফাইল তৈরি করবে।
মোবাইল অ্যাপ তৈরি (Cordova সহ)
আপনার প্রজেক্টে Cordova ইন্টিগ্রেশন থাকলে মোবাইল অ্যাপ তৈরির জন্য:
Cordova প্ল্যাটফর্ম যুক্ত করুন:
cordova platform add android cordova platform add iosঅ্যাপ বিল্ড করুন:
cordova build android cordova build ios
Framework7 CLI আপনাকে দ্রুত একটি সম্পূর্ণ ফ্রন্ট-এন্ড প্রজেক্ট তৈরি করতে সহায়তা করে। এটি মোবাইল এবং ওয়েব অ্যাপের জন্য আদর্শ একটি টুল। CLI ব্যবহার করে প্রজেক্ট তৈরি করা সময় সাশ্রয়ী এবং সহজ।
Read more
