নির্দেশিকা
কীভাবে ব্যবহার করবেন Uttra-আত্রা
ধাপে ধাপে, প্রথম ভাবনা থেকে একটি প্রকাশিত সাইট পর্যন্ত, নিজের কোড হাতে নিয়ে।
ধাপ 1
আপনার প্রথম প্রকল্প শুরু করুন
সহজ কথায় আপনার ভাবনা বলুন, আর Uttra সেটি আপনার সামনেই বানাতে শুরু করে।
- হোমপেজের লেখার ঘরে আপনার ভাবনা লিখুন, আরবি, আঞ্চলিক ভাষা বা ইংরেজিতে, ঠিক যেভাবে সামনে বসা কাউকে বোঝাতেন।
- "তৈরি শুরু করুন"-এ ক্লিক করুন। Uttra শুধু আপনার প্রকল্পের জন্য একটি আলাদা পরিবেশ প্রস্তুত করে; এর ফাইল কখনো অন্য কারও সঙ্গে ভাগ হয় না।
- চ্যাটে ধাপে ধাপে তৈরি হওয়া দেখুন: পেজ, ডেটা ও লজিক আপনার সামনেই একের পর এক তৈরি হয়। চাইলে "UI Styles" থেকে ডিজাইনের ধারাও বেছে নিতে পারেন।
- শেষ হওয়ার পর, একই চ্যাটে যখন খুশি আরও পরিবর্তন চাইতে পারেন; প্রকল্পটি পরবর্তী উন্নয়নের জন্য খোলা থাকে।
ধাপ 2
প্রিভিউ খুলে আপনার সাইট লাইভ দেখুন
চ্যাটের পাশে একটি লাইভ প্রিভিউ, প্রতিটি অনুরোধে সঙ্গে সঙ্গে আপডেট হয়।
- তৈরি শেষ হওয়ামাত্র Uttra আপনার সাইট বা অ্যাপের লাইভ প্রিভিউ চ্যাট উইন্ডোর পাশেই খুলে দেয়।
- চ্যাটে আপনি যে পরিবর্তনই চান তা সঙ্গে সঙ্গে প্রিভিউতে দেখা যায়: Uttra-র সঙ্গে কথা বলতে বলতেই ফল দেখতে পান, পরে নয়।
- প্রিভিউ লিংক শুধু আপনারই: প্রকল্পটি প্রকাশ করার সিদ্ধান্ত না নেওয়া পর্যন্ত অন্য কেউ তা দেখতে পায় না।
চ্যাটকোডপ্রিভিউ
প্রকাশ করুন
Preview
লাইভ
স্মাইল ডেন্টাল ক্লিনিকআপনার অ্যাপয়েন্টমেন্ট বুক করুন
ধাপ 3
"উপাদান নির্বাচন" দিয়ে ভিজ্যুয়াল সম্পাদনা করুন
"উপাদান নির্বাচন"-এ ক্লিক করুন, পেজের যেকোনো কিছু বাছুন, আর Uttra-কে বলুন কী বদলাতে হবে।
- প্রিভিউর উপরে "উপাদান নির্বাচন" নামে একটি বোতাম আছে। সেটিতে ক্লিক করুন, তারপর পেজের যেকোনো কিছু বাছুন (লেখা, ছবি, বোতাম বা পুরো একটি সেকশন)।
- আপনি যে উপাদান বাছেন তা স্বয়ংক্রিয়ভাবে প্রেক্ষাপট হিসেবে চ্যাটে চলে যায়, তাই কোথায় আছে তা না বলে সরাসরি অনুরোধ লিখতে পারেন, যেমন "এই লেখাটা বড় করুন" বা "এই সেকশন মুছুন"।
- একটি উপাদানে নিখুঁত পরিবর্তনের জন্য এটি দ্রুততর। বড় পরিবর্তনের জন্য, বা যেগুলো একাধিক অংশ ছোঁয় এবং লজিক ও ডেটা সংযোগ দরকার, সাধারণ চ্যাটই ভালো হাতিয়ার।
Preview
উপাদান নির্বাচন
স্মাইল ডেন্টাল ক্লিনিকh1.hero-title
এই লেখাটা বড় করুন
ধাপ 4
বিভিন্ন ডিভাইসে আপনার সাইট পরীক্ষা করুন
একই স্ক্রিন থেকে মোবাইল, ট্যাবলেট ও ডেস্কটপ ভিউয়ের মধ্যে বদল করুন।
- প্রিভিউ টুলবার থেকে আপনি মোবাইল, ট্যাবলেট ও ডেস্কটপ মাপের মধ্যে বদল করতে পারেন, অন্য কোনো ডিভাইস না খুলেই।
- এতে সাইট সবার জন্য প্রকাশ করার আগে নিশ্চিত হয়ে নিতে পারেন যে ডিজাইন প্রতিটি মাপে কাজ করে ও পরিষ্কার দেখায়।
- Uttra আপনার জন্য মোবাইল অ্যাপ বানালে, QR কোড স্ক্যান করে Expo Go অ্যাপের মাধ্যমে সরাসরি আপনার আসল ফোনে সেটি দেখতে পারেন।
Preview
ধাপ 5
ফ্রি Uttra ডোমেইনে প্রকাশ করুন
এক ক্লিকেই যে কারও সঙ্গে শেয়ার করার মতো প্রস্তুত লিংক, কোনো হোস্টিং সেটআপ ছাড়াই।
- প্রকল্পের উপরের "প্রকাশ করুন" বোতামে ক্লিক করুন, আপনার প্রকল্প "পাবলিক" হয়ে যায়, আর সঙ্গে সঙ্গেই একটি সরাসরি লিংক পান যা যে কারও সঙ্গে শেয়ার করা যায়।
- লিংকটি your-app.uttra.io-র মতো একটি ফ্রি সাবডোমেইনে থাকে, আপনার দিক থেকে কোনো হোস্টিং সেটআপ ছাড়াই।
- প্রকাশিত সাইট আপনার প্ল্যানের সম্পদে (CPU, মেমরি, স্টোরেজ) চলে, যা স্বয়ংক্রিয়ভাবে ভাগ হয় এবং আসল ট্রাফিকের জন্য প্রস্তুত থাকে, আপনাকে সার্ভার বসাতে হয় না।
- সম্পাদনার পর আবার "প্রকাশ করুন" চাপলে, নতুনটি যাচাই না হওয়া পর্যন্ত দর্শকদের জন্য আগের সংস্করণ লাইভ থাকে; আপডেটের মাঝে আপনার সাইট কখনো বন্ধ হয় না।
চ্যাটকোডপ্রিভিউ
প্রকাশ করুন
প্রকাশ করুনএই প্রকল্পটি সবার জন্য উন্মুক্ত করুন
হোস্টিং
0.8 vCPU
প্রসেসর
2.4 GB
মেমরি
24 GB
স্টোরেজ
ডোমেইন
আমাদের সাবডোমেইন
clinic-smile.uttra.io
নিজস্ব ডোমেইন
নিজের ডোমেইন আনুন, প্রতিটি প্ল্যানে ফ্রি
প্রকাশ করুন
ধাপ 6
নিজের ডোমেইন যুক্ত করুন
আপনার সাইট আপনার নিজের ডোমেইনে, প্রতিটি প্ল্যানে ফ্রি।
- "প্রকাশ" স্ক্রিন থেকে "নিজস্ব ডোমেইন" বাছুন আর আপনার ডোমেইন লিখুন, যেমন app.example.com।
- Uttra যে DNS রেকর্ডগুলো দেখায় সেগুলো আপনার ডোমেইন রেজিস্ট্রারের কন্ট্রোল প্যানেলে যোগ করুন, সাধারণত যাচাইয়ের জন্য একটি TXT রেকর্ড ও একটি A রেকর্ড।
- "ডোমেইন যাচাই করুন"-এ ক্লিক করুন। সেটিংস ছড়িয়ে পড়লে (এতে কিছুটা সময় লাগতে পারে) আপনার সাইট সরাসরি আপনার ডোমেইনে লাইভ হয়ে যায়।
| ধরন | হোস্ট | মূল্য |
|---|---|---|
| TXT | @ | uttra-verify=8a2f... |
| A | @ | 76.13.x.x |
যাচাই হয়েছে: আপনার সাইট আপনার ডোমেইনে লাইভ
ধাপ 7
GitHub যুক্ত করে আপনার কোড পুশ করুন
কোডের সম্পূর্ণ অনুলিপি, আপনার নিজের রিপোজিটরিতে।
- প্রকল্পের ভেতরের "GitHub" ট্যাব থেকে, repo স্কোপ আছে এমন একটি Personal Access Token দিয়ে আপনার অ্যাকাউন্ট যুক্ত করুন।
- যুক্ত করার পর, যখন খুশি আপনার প্রকল্প সরাসরি নিজের রিপোজিটরিতে পুশ করুন।
- বিদ্যমান রিপোজিটরি আমদানি (pull) প্রকল্প পরিবেশের টার্মিনাল থেকে git clone ও git pull-এর মতো চেনা git কমান্ড দিয়ে করা যায়।
GitHub যুক্ত করুন
clinic-smile-appপুশ
ধাপ 8
কোড ডাউনলোড করুন বা টার্মিনালে নিজে সম্পাদনা করুন
কোড পুরোপুরি আপনার, এবং কখনোই প্ল্যাটফর্মের ভেতরে আটকে থাকে না।
- কোড সম্পূর্ণ আপনার। আপনি যখন খুশি GitHub-এ পুশ করতে পারেন, বা প্রকল্পের ভেতরের টার্মিনাল দিয়ে সরাসরি ডাউনলোড বা কপি করতে পারেন।
- টার্মিনাল আপনাকে একটি সত্যিকারের ডেভেলপমেন্ট পরিবেশ দেয়: ফাইল খুলে হাতে সম্পাদনা করুন, আর প্রকল্পের প্রয়োজনীয় যেকোনো npm বা সিস্টেম প্যাকেজ ইনস্টল করুন।
- অর্থাৎ আপনি শুধু চ্যাটেই সীমাবদ্ধ নন; যখন খুশি একই প্রকল্পের ভেতরে পুরোদস্তুর ডেভেলপার হিসেবে কাজ করতে পারেন।
zsh
$
$
নিজে চেষ্টা করতে প্রস্তুত?
ফ্রি · ক্রেডিট কার্ড লাগবে না