TMBO

Make Your Online Store with Easy and Manageable Process

Cover Image for Make Your Online Store with Easy and Manageable Process

ایک ویب سائٹ کے حصے۔
جب ویب سائٹ کی بات ہوتی ہے تو عام طور پر 3 چیزیں ذہن میں آتی ہیں۔
1۔ سورس کوڈ ( Source Code) - یعنی ویب سائٹ کا ڈھانچا
2۔ ویب ہوسٹنگ (Web Hosting) - وہ کمپیوٹر جہاں پر ویب سائٹ ہوسٹ ہوتی ہے
3۔ ڈیٹا بیس (Database/ CMS) - جہاں پر ہمارا ڈیٹا ہوتا ہے۔ مثلا ایک بلاگ کے آرٹیکلز۔
روائتی ویب سروسز اور ماڈرن ویب سروسز
روایتی ویب سروس میں، آپ کی ویب سائٹ ایک سرور پر محفوظ ہوتی ہے۔ جب کوئی شخص دنیا میں کہیں سے بھی آپ کی ویب سائٹ کو وزٹ کرتا ہے، تو وہ اس سرور تک پہنچتا ہے جہاں آپ کی ویب سائٹ محفوظ ہے۔ اگر Server کی پرفارمنس اچھی ہے تو آپ کی ویب سائٹ کی پرفارمنس بھی اچھی ہوگی ۔ بصورت دیگر پرفارمنس میں مسائل آئیں گے ۔
عام طور پر، لوگ اپنی ویب سائٹ بنانے کے لیے ورڈ پریس (WordPress) کا استعمال کرتے ہیں۔ ورڈ پریس ایک اوپن سورس کنٹینٹ مینجمنٹ سسٹم (CMS) ہے جو صارفین کو بغیر کسی کوڈنگ علم کے ویب سائٹس بنانے اور ان کا انتظام کرنے کی اجازت دیتا ہے-

Cover Image for undefined

ایک نیا طریقہ کار بھی ہے جسے Global Edge Network کہا جاتا ہے۔

اس طریقہ کار میں، آپ کی ویب سائٹ کا ڈیٹا دنیا بھر میں پھیلے ہوئے ڈیٹا سینٹرز میں محفوظ ہوتا ہے۔ جب کوئی شخص آپ کی ویب سائٹ کو وزٹ کرتا ہے، تو وہ قریب ترین والے ڈیٹا سینٹر کی طرف ری ڈائریکٹ ہو جاتا ہے۔



Cover Image for undefined

جدید ویب سروس یا ویب ہوسٹنگ کے کئی فوائد ہیں، بشمول:
تیز رفتار: ڈیٹا سینٹر کے قریب ہونے کی وجہ سے، ویب سائٹس تیزی سے لوڈ ہوتی ہیں۔
بہتر کارکردگی: ڈیٹا سینٹر بوجھ کو سنبھالنے کے لیے ڈیزائن کیے گئے ہیں، اس لیے ویب سائٹس زیادہ ٹریفک کو سنبھال سکتی ہیں۔
متبادل ڈیٹا سنٹر : ڈیٹا سینٹر متعدد مقامات پر واقع ہیں، اس لیے اگر ایک ڈیٹا سینٹر ناکام ہو جاتا ہے، تو دوسرے ڈیٹا سینٹر ویب سائٹ کو آن لائن رکھنے کے لیے کام کر سکتے ہیں۔
ہم نے ایک ویب ایپلیکیشن بنائی ہے
ہم نے ایک ایسی ویب ایپلیکیشن بنائی ہے جو اسی بنیاد پر بنی ہے۔ جس کی کچھ خصوصیات یہ ہیں-
ٹیکنالوجی -
فریم ورک:
یہ ویب ایپلیکیشن NextJS فریم ورک میں بنی ہوئی ہے۔ NextJS ایک Javascript فریم ورک ہے جو ReactJS لائبریری کے اوپر بنایا گیا ہے۔ ReactJS لائبریری کو فیسبک کمپنی نے اپنی پروڈکٹ کے لیے بنایا تھا جسے بعد میں اوپن سورس کر دیا گیا۔ یعنی کوئی بھی استعمال کر سکتا ہے۔
ڈیزائن کٹ (UI Kit):
اس میں TailwindCSS کو بطور UI (User Interface) Kit استعمال کیا گیا ہے۔
بیک اینڈ (Back end):
بیک اینڈ پروگرامنگ NodeJS میں ہوئی ہے جو کہ NextJS فریم ورک کا ایک حصہ ہے۔
ڈیٹا بیس (Database):
آپ کی ویب سائٹ کا ڈیٹا Sanity Studio میں موجود ہو گا۔ یہ ایک Content Management System کے طور پر کام کرتا ہے جس میں آپ اپنی ویب سائٹ اور پروڈکٹس کا ڈیٹا محفوظ کریں گے۔

Cover Image for undefined

نمایاں خصوصیات-
1۔ ویب سائٹ کی پرفارمنس یعنی لوڈنگ سپیڈ فاسٹ ہے۔
2۔ سیکیورٹی کے حوالے سے محفوظ ہے۔
3۔ یہ ایپلیکیشن "ایک سورس کوڈ ، کئی ویب سائٹ" کے فارمولے کی بنیاد پر ہے۔ یعنی اس کا سورس کوڈ GitHub پر موجود ہے ۔ اس کی بنیاد پر ہر ویب سائٹ build ہوتی ہے ۔ اسی وجہ سے جب بھی ویب سائٹ کا کوڈ اپڈیٹ ہو تا ہے تو یہ تبدیلی تمام ویب سائٹس پر اثر انداز ہوتی ہے۔ جس کی وجہ سے آپ کی ویب سائٹ کا سٹائل ایک جیسا نہیں رہے گا بلکہ تھوڑے تھوڑے عرصے کے بعد تبدیل ہوتا رہے گا۔
ماہانہ کی بنیاد پر سروس چارجز ہیں-
ٹیکنیکل سپورٹ ہمیشہ ہو گی۔ نہ کہ صرف محدود مدت کے لیے ہے
سٹور کے ساتھ ایک بلاگ بھی ہے جس میں آپ بلاگ پوسٹس لکھ سکتے ہیں۔

Cover Image for undefined

پیمنٹ (Payment) کا طریقہ کار.
شروع کے 4 مہینے آپ کو ہر مہینہ 500 روپے ادا کرنے ہوں گے۔ اس کے بعد Bandwidth کے استعمال کی مقدار کے حساب سے چارج ہوں گے۔ Vercel اور Sanitiy.io کی Prices اور Limits نیچے دی گئی ہیں۔ فرض کریں آپ کی ویب سائٹ پر ایک مہینہ میں 1000 یوزرز وزٹ کرتے ہیں تو اس صورت میں ممکن ہے آپ کے چارجز 500 سے ذیادہ نہ بڑھیں ۔ آپ کی ویب سائٹ پر اگر یوزرز بڑھ جاتے ہیں تو Bandwidth ذیادہ استعمال ہو گی لیکن ذیادہ آرڈرز بھی تو آئیں گے لہذا پریشانی کی بات نہیں ہے۔

ویب سروسز کے لیے کن چیزوں کی پیمنٹ کرنی ہوتی ہے۔
جب ہم آنلائن ویب سروس استعمال کرتے ہیں تو عام طور پر 4 چیزیں گنتی میں آتی ہیں اور ان کی ادائیگی کرنی پڑتی ہے (اگر فری نہ ہو تو):
1۔ API/CDN requests
ڈیٹا بیس میں ہم 4 قسم کے ایکشن کرتے ہیں Create, Read, Update and Delete جسے ہم CRUD بھی کہتے ہیں۔ یہ چاروں ایکشن کرنے کے لیے ڈیٹا بیس کو requests بھیجتے ہیں جسے API request کہتے ہیں۔
2۔ فائلز وغیرہ رکھنے کی جگہ Storage Space for Assets or files
اس میں آپ کی ویب سائٹ کی فائلز یعنی سورس کوڈ اور images وغیرہ شامل ہیں۔
3۔ بینڈ وڈتھ (Bandwidth)
جب بھی کوئی یوزر ہماری ویب سائٹ کو وزٹ کرتا ہے تو Server جس پر ہمارا ڈیٹا بیس یا ویب سائٹ ہوسٹ ہوتی ہے اس پر کام کا بوجھ پڑتا ہے یعنی اس کو کچھ Work Out کرنا پڑتا ہے تب ہماری ویب سائٹ کا پیج یوزر کو دکھتا ہے۔ یہMBs یا GBs میں گنتی ہوتا ہے۔ اور اس کی عام طور پر ادائیگی ہوتی ہے۔
4۔ ڈیٹا بیس میں Documents کی تعداد
اگر ڈیٹا بیس اپنا خود کا Setup کیا ہو تو پھر Documents کی تعداد کی حد کا مسئلہ نہیں ہے لیکن اگر آپ Cloud based ڈیٹا بیس استعمال کرتے ہیں جیسا کہ ہم نے اپنی ایپلیکیشن میں استعمال کیا ہوا ہے تو پھر Documents کی تعداد محدود ہوتی ہے اور ذیادہ کے لیے ادائیگی کرنی ہوتی ہے۔

مستقبل کے پلان۔
اگرچہ ویب سائٹس بنانا اتنا مشکل نہیں ہے۔ لیکن یہ وقت طلب کام ہے۔ اس میں کافی ریسرچ کرنی پڑتی ہیں۔ کیونکہ ویب سائٹ کا یوزر ایک جیسا نہیں ہوتا۔ اس لیے ویب سائٹ یا سوفٹ ویئر کو ایسا بنایا جاتا ہے جو سب لوگوں کی ترجیحات سے مطابقت رکھتا ہو۔ Future Plan کچھ اس طرح ہیں۔
1۔ مختلف کیٹیگریز کے لیے مختلف ڈیزائن مثلا کلاتھ ، الیکٹرونک، فرنیچر وغیرہ کے لیے الگ الگ ڈیزائن ہوں گے۔
2۔ ویب سائٹ کی سپیڈ پرفارمنس کو اور ذیادہ بہتر بنایا جائے گا۔
3۔ ایپلیکیشن کی سیکیورٹی اور ایڈمن ڈیش بورڈ کو بہتر بنایا جائے گا۔
4۔ نئی پروڈکٹس شامل کرنے یا اپڈیٹ کرنے کے لیے (Admin Dashboard) کے اندر ایک اپنا انٹرفیس بنایا جائے گا جس کا (UI/UX) ہمارے ڈیٹا بیس یعنی Sanity Studio سے بہتر ہو گا۔
5۔ اس کے علاوہ وہ خصوصیات یا ضروریات جو وقت کے ساتھ ساتھ آتی رہیں گی۔

لیمٹ (Limits)
جیسا کہ ہم ڈیٹا بیس کے لیے Sanity Studio اور Hosting کے لیے Vercel.com کا استعمال کر رہے ہیں تو ان کی استعمال کی limits یہ ہیں
Sanity.io
Service Limits
Bandwidth 100 GB/month
CDN Requests 1m / month
API Requests 250,000 / month
Documents 10,000 (total)

Vercel.com
Service Limits/ Pricing
Bandwidth 6 GB @ 1$

Visit this Demo Store - https://nexcom.vercel.app

And also visit my own store based on this theme - https://www.nexgenpro.store

for more info contact on Whatsapp

03231516371