গ্যাটসবি.জেএস, লুয়েন এবং নেটলিফের সাথে কীভাবে জ্যামস্ট্যাক ব্লগ তৈরি করবেন

জিরো মাত্র কয়েক ঘন্টা মধ্যে উত্পাদন।

গ্যাটসবি.জেএস + লুমেন + নেটলিফ

ভূমিকা

এই নিবন্ধে আমি আপনাকে কীভাবে গ্যাটসবি.জেএস এর সাথে একটি ব্যক্তিগত ব্লগ সাইট তৈরি করবেন তা দেখাতে যাচ্ছি, আমরা এটি দুর্দান্ত লুমেন গ্যাটসবি স্টার্টার কিটের সাথে বুটস্ট্র্যাপ করব এবং অবশেষে আমরা নেটলিফের সাথে এটি হোস্ট করব ... প্রক্রিয়াতে আমরা আশা করি গ্যাটসবি সম্পর্কে আরও জানব, কেন এটি বিশেষ, জ্যামস্ট্যাক অ্যাপ্লিকেশনগুলি অন্যান্য অ্যাপ্লিকেশন আর্কিটেকচার থেকে কীভাবে আলাদা এবং নেটলিফ প্ল্যাটফর্মের সাথে কিছু অভিজ্ঞতা পাবে।

এই নিবন্ধটি কার পক্ষে?

এই নিবন্ধটি সমস্ত স্তরের বিকাশকারীদের জন্য রচিত, আপনি যদি একজন শিক্ষানবিস হন তবে আপনি যে বেসিক সাইটটি যাবেন যা আপনার প্রয়োজনীয় সমস্ত কিছু সরবরাহ করে তা কীভাবে তৈরি করা যায় তা শেখার দুর্দান্ত উপায়, আপনি একটি শক্তিশালী কাঠামো ব্যবহার করবেন যা অত্যন্ত এক্সটেনসিবল এবং সহজগম্য। আপনি যেমন শিখছেন ততই আপনি বিল্ডিং চালিয়ে যেতে পারেন, কোনও কিছুই অপচয় হবে না। ওয়েব বিকাশ সম্পর্কে শিখতে শুরু করার এটি একটি ভাল উপায় way

আপনি যদি মধ্যবর্তী বা উন্নত বিকাশকারী হন তবে আপনি গ্যাটসবি সাইটটি চালু এবং চালানো কতটা সহজ তা শিখবেন, আপনি জ্যামস্ট্যাক আর্কিটেকচারের দর্শন সম্পর্কে আরও শিখতে পারবেন। আমি গ্যাটসবি.জেএস কী, সে সম্পর্কে কথা বলব এবং আপনি যেসব আইডিয়োসিএনসিএস / গটচেসের অভিজ্ঞতা পেতে পারেন সেগুলি সম্পর্কে বিশদ আলোচনা করব।

আপনার প্রতিক্রিয়া.জেএস-এ কোনও পটভূমি থাকলে গ্যাটসবি পরিচিত হবে। গ্যাটসবি সাইটে লিখিত বিষয়বস্তু পাওয়া মার্কডাউন লেখার মতোই সহজ, তবে কাঠামোটি উল্লেখযোগ্যভাবে শক্তিশালী, সেখানে কাজ করার জন্য একটি বিশাল বাস্তুতন্ত্র রয়েছে এবং এটি ছোট প্রকল্পের মধ্যেই সীমাবদ্ধ নয়।

আমি মাইক্রোসফ্ট ডাব্লুএসএল 2 এর পূর্বরূপ সংস্করণ সহ একটি উইন্ডোজ প্ল্যাটফর্মে বিকাশ করছি, আমি কিছু ছিনতাই পেয়েছিলাম এবং এটি চলতে পেরেছিলাম, তাই আমি উইন্ডোজ ব্যবহারকারীদের জন্য কিছু বোনাস নোট অন্তর্ভুক্ত করব ... একবার আপনি এটি চালিয়ে গেলে এটি কার্যকর হয় মহান। আপনি যদি কোনও ম্যাক বা লিনাক্স ডিস্ট্রো ব্যবহার করেন তবে আপনি সম্ভবত এই সমস্যাগুলি অনুভব করবেন না / আপনি এই বিভাগগুলি এড়িয়ে যেতে পারেন।

গ্যাটসবি সম্প্রদায়টি খুব সহায়ক, তারা ইস্যুতে প্রতিক্রিয়াশীল, স্ট্যাক ওভারফ্লোতে একটি মতবিরোধ এবং দৃ presence় উপস্থিতি রয়েছে।

আমি এই প্রকল্পটি গ্যাটসবির কোনও অভিজ্ঞতা ছাড়াই শুরু করেছি এবং নেটলিফ ব্যবহার করাও এটি আমার প্রথমবার, আমার লক্ষ্য ছিল একটি সাইট তৈরি করা এবং এই নিবন্ধটি <1 দিনের মধ্যে লেখার জন্য। আমি অভিজ্ঞতার দ্বারা আনন্দিতভাবে অবাক হয়েছি, আমি এটি সম্পন্ন করেছিলাম - তবে রাস্তাটিতে কয়েকটি বিরক্তিকর উইন্ডোজ সম্পর্কিত ঝাঁকির সাথে হলেও। এই সমস্যাগুলির জন্য সমাধানগুলি ভাগ করে নিতে পেরে আমি আনন্দিত।

কেন 2020 সালে একটি ব্যক্তিগত ব্লগ শুরু?

আমি গ্যাটসবি এবং স্থিতিশীল সাইট জেনারেটর সম্পর্কে আরও শিখতে চেয়েছিলাম তবে এই বছর আমার কাজটি প্রদর্শনের জন্য আসলে আমার একটি ভাল সাইটের প্রয়োজন ছিল ...

আমি 20 বছরেরও বেশি সময় ধরে ওয়েব অ্যাপ্লিকেশনগুলিতে কাজ করছি, 90 এর দশকে আমার একটি মিউজিক ব্লগ ছিল, তবে এই প্রথমবার আমি নিজের কাজকে কেন্দ্র করে কোনও পেশাদার ব্লগ তৈরি করেছি।

আপনার অনলাইন কাজের উপস্থিতি প্রতিষ্ঠা করা এর চেয়ে বেশি গুরুত্বপূর্ণ কখনও নয়; আমাদের কাছে এত বেশি কাজ রয়েছে যা ইতিমধ্যে অনলাইনে রয়েছে, আপনার অভিজ্ঞতা অন্যদের সাথে ভাগ করে নেওয়া ভাল এবং ব্যক্তিগত ব্লগ হ'ল আপনার সংযোগগুলি টু ডেট রাখার দুর্দান্ত উপায়। এটি দেখায় যে আপনি কী করছেন এবং আপনি কী করেছেন।

আপনি জিজ্ঞাসা করতে পারেন, উইক্স, বা স্কোয়ারস্পেস বা ওয়ার্ডপ্রেসের মতো কোনও বিদ্যমান পরিষেবা কেন ব্যবহার করবেন না? এগুলি সমস্ত দুর্দান্ত পরিষেবা এবং আপনার অভ্যন্তরগুলির উপর যদি আপনার নিয়ন্ত্রণের প্রয়োজন না হয় তবে আমি সেগুলি ব্যবহার করার পরামর্শ দিচ্ছি। আপনি যদি উন্নয়ন সম্পর্কে শিখতে না চান তবে একটি পরিচালিত পরিষেবা ব্যবহার করুন।

আমি একজন বিকাশকারী, তাই আমি যা তৈরি করি তা নিয়ন্ত্রণ করতে সক্ষম হতে চাই, আমি উপযুক্ত দেখায় এটি প্রসারিত করতে সক্ষম হতে চাই। বিশেষত, আমি সংগীত ভাগ করে নেওয়ার সাথে সম্পর্কিত বৈশিষ্ট্যগুলি যুক্ত করতে চাই, আমার আরও একটি আবেগ তবে ভবিষ্যতের এই বৈশিষ্ট্যগুলির জন্য কিছু উন্নত কাস্টমাইজেশন প্রয়োজন হবে।

আমার এমন কিছু দরকার যা স্কেলযোগ্য তবে বজায় রাখাও সহজ। আমি অবশ্যই এটি দ্রুত আপডেট করতে সক্ষম হব; আমার এটি সার্চ ইঞ্জিনগুলিতে পাওয়া দরকার এবং আমি ব্যয়বহুল সার্ভারগুলির ওভারহেড এড়াতে পছন্দ করি। জ্যামস্ট্যাক আর্কিটেকচার এই জাতীয় প্রয়োগের জন্য ভাল প্রার্থী।

ফোটো ডি ওকান্দাপিক্স দা পিক্সবে

জ্যামস্ট্যাক কী?

জ্যাম মানে জাভাস্ক্রিপ্ট, এপিআই এবং মার্কআপ। সত্যি কথা বলতে, আমি যখন প্রথম "জ্যামস্ট্যাক" শব্দটি 2016 সালে শুনেছিলাম তখন আমি আমার চোখ ঘুরিয়ে দিয়েছিলাম ... আর একটি স্ট্যাক যা আমি ভেবেছিলাম। প্রযুক্তি শিল্পের নির্দিষ্ট ব্যক্তি এবং সংস্থার স্বার্থকে এগিয়ে নিতে পুরাতন ধারণাগুলি পুনরায় প্রকাশ এবং তাদের বিপণনের জন্য একটি দক্ষতা রয়েছে।

… সুতরাং, প্রথমদিকে আমি সংশয়বাদী ছিলাম, প্রথমে আমি সত্যিই এটি বুঝতে পারি নি ... আমি ভেবেছিলাম যে এইগুলি কেবল স্থির সাইট নয়? পার্থক্য কী এবং কেন এটি গুরুত্বপূর্ণ তা আমি এখন বুঝতে পারি। জ্যাম বুঝতে, এটি স্ট্যাকের ইতিহাস সম্পর্কে কথা বলতে সহায়ক, এটি এই নিবন্ধের আওতার বাইরে কিছুটা হলেও আমি একটি প্রাথমিক প্রাইমার দেওয়ার চেষ্টা করব:

প্রথম দিনগুলিতে এইচটিএমএল দ্বারা নির্মিত কেবল স্থিতিশীল সাইট ছিল, পরে, সার্ভারগুলি পার্লের মতো ভাষায় লিখিত কোড সম্পাদন করার ক্ষমতা পেয়েছিল, এগুলি সাধারণ গেটওয়ে ইন্টারফেস (সিজিআই) অ্যাপ্লিকেশন নামে পরিচিত। এই সার্ভার অ্যাপসটি "ল্যাম্প" স্ট্যাকের দিকে পরিচালিত করবে যা লিনাক্স, অ্যাপাচি, মাইএসকিউএল এবং পিএইচপি-র জন্য দাঁড়িয়েছিল।

সার্ভার সফ্টওয়্যারটির এই সংমিশ্রণটি খুব শক্তিশালী এবং অবিশ্বাস্যরূপে জনপ্রিয় হিসাবে প্রমাণিত হয়েছে, এটি সার্ভার সাইড অ্যাপ্লিকেশনগুলির একটি নতুন প্রজন্মের দিকে পরিচালিত করে, স্ট্যাটিক এইচটিএমএল তৈরি করা হয়েছিল এবং সার্ভারের পক্ষ থেকে পরিবেশন করা হয়েছিল। দ্রষ্টব্য: উইন্ডো এবং ম্যাকিনটোসে যথাক্রমে ব্যবহৃত ডাব্লুএএমএপি এবং এমএএমপি স্ট্যাকগুলিও ছিল।

পরে ফ্যাশনটি MEAN স্ট্যাক (মঙ্গোডিবি, এক্সপ্রেস.জেএস, অ্যাংুলার জেএস, এবং নোড.জেএস) এবং তাদের সমতুল্য হয়ে উঠবে। এজেএক্স এমন সাইটগুলি প্রবর্তন করেছিল যা প্রকৃতির গতিশীল ছিল, আরও যুক্তি ক্লায়েন্টের দিকে চলে গেছে, বেশিরভাগই জাভাস্ক্রিপ্ট ব্যবহার করে অ্যাপ্লিকেশন প্রোগ্রামিং ইন্টারফেসের (এপিআই এর) সাথে সংযোগ স্থাপন করে। ক্লায়েন্টটি সার্ভার থেকে ডিউপলড হয়েছিল, তবে এখনও লড়াই করার জন্য আপনার কাছে সার্ভার রয়েছে।

জ্যাম স্ট্যাক মেঘ এবং সার্ভারলেস অ্যাপ্লিকেশনগুলির আবির্ভাবের সাথে আগত।

… যা জ্যামকে বিশেষ করে তোলে তা হ'ল এর জন্য সার্ভারের দরকার নেই ... বা আরও বিশেষত এটি সার্ভারহীন আর্কিটেকচারের উপর নির্ভর করে…। আমরা 'সার্ভারলেস' এর শব্দার্থে প্রবেশ করতে পারি কারণ প্রযুক্তিগতভাবে সার্ভারগুলি জড়িত রয়েছে ... তবে পার্থক্যটি হ'ল সার্ভার অংশটি এখন আপনার দায়িত্ব নয়, আপনার স্কেল করার জন্য সার্ভার সেটআপ করতে হবে না এবং আপনার API এর ব্যবহার করতে পারে পরিচালিত পরিষেবাদি, উদাহরণস্বরূপ, আপনি AWS AppSync ব্যবহার করে এমন একটি API রাখতে পারেন যা সার্ভার লজিকের জন্য ল্যাম্বডা ব্যবহার করে এবং ডায়ানমোর মতো পরিষেবাদিতে ডেটাবেস কাজের মতো বিষয়গুলি অর্পণ করে। মাইক্রোসফ্ট অ্যাজুরে বা নেটলিফ ফাংশনগুলির মতো তুলনামূলক বৈশিষ্ট্য রয়েছে।

জ্যামস্ট্যাক সাইটগুলি সম্পূর্ণ গিতে থাকে, তাদের ক্লোন করা সহজ এবং নেটলিফের মতো সাইটে হোস্ট করা হলে সরাসরি কোনও সিডিএন থেকে পরিবেশন করা যায়। অ্যাপসগুলি 'প্রান্তের' কাছাকাছি বাস করে এমন একটি ভাল ব্যবহারকারীর অভিজ্ঞতা দেয় যা তারা সহজে স্কেল করে যাতে আপনাকে প্রভিশন দেওয়ার বিষয়ে চিন্তা করতে হবে না।

একটি দীর্ঘ গল্প সংক্ষিপ্ত কাটা, এটি প্রথম দিন তবে জ্যাম আরও ভাল কর্মক্ষমতা, উচ্চতর সুরক্ষা, সস্তা / সহজ স্কেলিং এবং একটি উন্নত বিকাশের অভিজ্ঞতার প্রতিশ্রুতি দেয়।

গ্যাটসবি.জেএস কী?

Gatsby.JS জুলাই 2017 প্রকাশিত হয়েছিল It এটি একটি স্থির সাইট জেনারেটর, আরও সুনির্দিষ্টভাবে এটি প্রগতিশীল ওয়েব অ্যাপ্লিকেশনগুলি (পিডাব্লুএ) তৈরি করে। এটি React.JS এর ​​উপর ভিত্তি করে যা সবচেয়ে জনপ্রিয় প্রতিক্রিয়াশীল কাঠামো (৩.৫ মিলিয়ন ব্যবহারকারী), এটি কোনও অভ্যন্তরীণ ডেটা স্তর তৈরি করতে গ্রাফকিউএলকেও ভারী ব্যবহার করে।

গ্যাটসবি ব্যবহার করার জন্য আপনাকে প্রতিক্রিয়া বা গ্রাফকিউএল জানা দরকার নেই। আপনি মার্কডাউন, জেএসএন ফাইল বা অন্যান্য সামগ্রী এপিআই এর ওয়েবসাইটগুলি তৈরি করতে গ্যাটসবি ব্যবহার করতে পারেন। গ্যাটসবির অভ্যন্তরীণ ইঞ্জিনটি আপনার সামগ্রীর স্ক্যান করে এবং গ্রাফকিউএল দিয়ে একটি স্থানীয় ডেটা স্তর তৈরি করে, যখন আপনি বিল্ডটি হিট করেন, এটি স্থিতিশীল সামগ্রী তৈরি করে যা অত্যন্ত পারফরম্যান্ট, এবং সহজেই হোস্ট করা যায় এবং অনুসন্ধান ইঞ্জিনগুলি দ্বারা সূচকযুক্ত করা যায়। প্লাগইনগুলি গুগলের মতো অনুসন্ধান ইঞ্জিনগুলির জন্য সাইটম্যাপ তৈরি করতে ব্যবহৃত হয়।

গ্যাটসবি সম্পর্কে সত্যই বিশেষ কিছু হ'ল এটির প্লাগিন, থিম এবং স্টার্টার কিটগুলির পরিবেশ ব্যবস্থা। এটি সহজেই অ্যাক্সেসযোগ্য এক্সটেনশনের একটি বিশাল সংখ্যা পেয়েছে।

এই টিউটোরিয়ালে, আমরা আমাদের সাইটটিকে সাধারণ মার্কডাউন ফাইলগুলি থেকে উত্পাদিত করব যা সরাসরি কোনও পাঠ্য সম্পাদক বা নেটলিফাই সিএমএস দ্বারা সরবরাহিত ডাব্লুওয়াইএসআইওয়াইওয়াইজি ইন্টারফেসের মাধ্যমে সম্পাদনা করা যেতে পারে।

মার্কডাউন কী?

মার্কডাউন হ'ল প্লেইন টেক্সট বিন্যাস বাক্য গঠন সহ হালকা মার্কআপ ভাষা। মার্কডাউনের একটি দর্শন রয়েছে যে পাঠ্য নথিগুলি পাঠযোগ্য হওয়া উচিত, বিশেষত এটি সহজেই এইচটিএমএল রূপান্তরিত হওয়ায় ওয়েবের জন্য লেখা সহজ করে তোলে।

মার্কডাউন লিখতে তুলনামূলকভাবে সহজ, এবং প্রচুর অ্যাপ্লিকেশন, বিশেষত মাঝারি, স্ট্যাক ওভারফ্লো, স্কাইপ, স্ল্যাক এবং উইকিপিডিয়া দ্বারা ব্যবহৃত হয়। আপনি এখানে মার্কডাউন সিনট্যাক্স সম্পর্কে পড়তে পারেন।

লুমেন স্টার্টার কিট কী এবং আমি কেন এটি ব্যবহার করব?

গ্যাটসবি সম্পর্কে একটি দুর্দান্ত জিনিস হ'ল এটির বিশাল একটি ইকো সিস্টেম রয়েছে। লুমেন একটি সর্বাধিক জনপ্রিয় ব্লগ স্টার্টার কিটস, একটি 'স্টার্টার কিট' আপনাকে যা করতে হবে তার একটি পূর্বনির্ধারিত সেট দেয় ... আপনি আপনার বিকাশের প্রচেষ্টা বুটস্ট্র্যাপ করার জন্য এটি ব্যবহার করতে পারেন… প্রায়শই, গ্যাটসবি স্টার্টার কিটগুলি আপনাকে ন্যূনতম সহ যা আপনার প্রয়োজন তা দেয় often পরিবর্তন প্রয়োজন ... সাধারণত আপনি কেবল একটি কনফিগার ফাইল এবং মার্কডাউন ফাইল দিয়ে কাজ করছেন।

লুমেন বাক্সের বাইরে নিম্নলিখিত বৈশিষ্ট্যগুলি সরবরাহ করে:

  • হারানো গ্রিড - হারানো গ্রিড পোস্টসিএসএস-এ নির্মিত একটি শক্তিশালী গ্রিড সিস্টেম যা কোনও প্রিপ্রসেসর এমনকি ভ্যানিলা সিএসএসের সাথে কাজ করে।
  • আধুনিক ফন্ট স্ট্যাক
  • মেটেজ্লাতিন / গুটেনবার্গ দ্বারা অনুপ্রাণিত সুন্দর টাইপোগ্রাফি।
  • প্রিজমজেএস ব্যবহার করে কোড ব্লকে সিনট্যাক্স হাইলাইট করা।
  • মোবাইল-উন্নয়নের প্রথম পদ্ধতি।
  • ট্যাগ এবং বিভাগ দ্বারা আর্কাইভ সংগঠিত।
  • পৃষ্ঠাসমূহ সমর্থন।
  • নেটলিফটি সিএমএস সমর্থন।
  • গুগল বিশ্লেষক.
  • মন্তব্যসমূহ।
  • স্থিতিশীল ধরণের চেক প্রবাহ।

নেটলিফ কী?

নেটলিফাই আধুনিক ওয়েব প্রকল্পগুলি স্বয়ংক্রিয় করার জন্য একটি সর্ব-ও-এক প্ল্যাটফর্ম। তারা হোস্টিং এবং সার্ভার-কম ফাংশন সহ বিভিন্ন পরিষেবা সরবরাহ করে। আমাদের প্রকল্প হোস্টিং এবং ডিএনএসের জন্য নেটলিফ ব্যবহার করে, আমরা মার্কডাউন সামগ্রীগুলি সম্পাদনা করতে নেটলিফাই সিএমএসও ব্যবহার করি তবে আপনাকে আসলে এটি ব্যবহার করার দরকার নেই। আপনি সরাসরি মার্কডাউন সম্পাদনা করতে পারেন এবং আপনার শাখায় ঠেলাতে পারেন।

নেটলিফ একটি সত্যিই সহজ বিল্ড পরিষেবা সরবরাহ করে যা আপনার গিট রেপো থেকে সরাসরি টানতে পারে এবং নেটলিফ হোস্টিং পরিষেবাদিতে বিল্ড + স্থাপনার ট্রিগার করতে পারে। আপনার সাইটটি প্রকাশ করা এবং এটি একটি যথাযথ কাস্টম ডোমেন দিয়ে লাইভ করা সহজ প্রক্রিয়া।

নেটলিফ স্টার্টার্স, পেশাদার এবং ব্যবসায়ের জন্য প্যাকেজ সরবরাহ করে। আমরা স্টার্টার স্তর ব্যবহার করতে যাচ্ছি যা আমাদের কোনও মূল্য দিতে হবে না ... ফ্রি টায়ারের সাথে আপনি এখনও গিট সংহতকরণ, ক্রমাগত স্থাপনা এবং কাস্টম ডোমেন পাবেন।

নেটলিফ্ট সিএমএস

নেটলিফাই সিএমএস হ'ল একটি মুক্ত উত্স, একক পৃষ্ঠার অ্যাপ্লিকেশন যা প্রতিক্রিয়াতে লিখিত যা আপনাকে আপনার গিট সংগ্রহস্থলের সামগ্রী এবং ডেটা ফাইল সম্পাদনা করতে দেয়। স্থিতিশীল সাইটের সংগ্রহস্থলে কাঁচামাল সংরক্ষণ করা একটি আদর্শ পদ্ধতি, কোড এবং বিষয়বস্তু উভয়কেই এক সাথে সংস্করণ করার অনুমতি দেয় তবে এর জন্য অ-প্রযুক্তিগত সম্পাদকদের গিটহাবের মতো পরিষেবার সাথে ইন্টারঅ্যাক্ট করতে হবে। নেটলিফাই সিএমএস নির্দিষ্টভাবে এই ব্যবধানটি পূরণ করার জন্য তৈরি করা হয়েছিল, একটি দৃ interface় ইন্টারফেস সরবরাহ করে যা প্রযুক্তিগত এবং অ-প্রযুক্তিগত ব্যবহারকারীদের জন্য একইভাবে ভাল কাজ করে এবং আপনার স্ট্যাটিক সাইট সংগ্রহস্থলের সাথে এপিআইয়ের মাধ্যমে ইন্টারেক্ট করে যাতে প্রতিটি পরিবর্তনের প্রতিশ্রুতিতে ফলাফল হয়।
নেটলিফ সিএমএসের প্রাথমিক ফোকাস হ'ল গ্যাটসবির মতো আধুনিক সাইট জেনারেটরগুলির সাথে ভাল কাজ করা। ইনস্টলেশন সাধারণত সাধারণত একটি সূচি। Html ফাইল এবং একটি ওয়াইএএমএল কনফিগারেশন ফাইলের প্রয়োজন, তবে আপনি স্ট্যাটিক সাইটের পাশাপাশি সিএমএস স্বয়ংক্রিয়ভাবে ইনস্টল করতে এবং বানাতে নেটলিফি সিএমএসের জন্য গ্যাটসবি প্লাগইনটি ব্যবহার করতে চলেছেন।

পূর্বশর্ত

ঠিক আছে, সুতরাং আমাদের কী শুরু করতে হবে!

আমি উবুন্টু এলটিএস ব্যবহার করার পরামর্শ দিচ্ছি, তবে প্রযুক্তিগতভাবে এই নির্দেশাবলীটি ডাব্লুএসএল, বেশিরভাগ লিনাক্স ডিস্ট্রোস বা ম্যাকের সাথে উইন্ডোজের জন্য কাজ করা উচিত। আমি লিনাক্স সংস্করণ 2 এর জন্য উইন্ডোজ সাবসিস্টেমের সাথে ইনস্টল করতে যাচ্ছি।

গ্যাটসবি আপনাকে নোড এলটিএস ইনস্টল করার পরামর্শ দেয় যা লেখার সময় সংস্করণ ১২। আমি নীচে কিছু ইনস্টল নির্দেশাবলী অন্তর্ভুক্ত করেছি। নোড ইনস্টল করার বিভিন্ন উপায় রয়েছে, আপনি এখানে সরকারী নির্দেশাবলী খুঁজে পেতে পারেন।

আপনার এনপিএম এবং সুতা লাগবে, ইনস্টলেশন সংক্রান্ত নির্দেশাবলী সরবরাহ করা হবে। আপনি সরকারী সুতা ইনস্টলেশন নির্দেশাবলী এখানে পেতে পারেন।

আপনার একটি গিথুব অ্যাকাউন্ট এবং গিট লাগবে।

(alচ্ছিক) আপনি একটি কাস্টম ডোমেন কিনতে চাইতে পারেন, আমি সস্তা ডোমেনগুলির জন্য GoDaddy কে প্রস্তাব দিই। তবে আপনি কেবল প্রদত্ত ফ্রি স্টার্টার নেটলিফ ইউআরএল ব্যবহার করতে পারেন।

উইন্ডোজ গটচস

গ্যাটসবি এবং উইন্ডোজ পাথগুলির সাথে একটি সমস্যা রয়েছে, আপনি যদি ডাব্লুএসএল ব্যবহার করেন তবে উইন্ডোজ পাথের নামগুলি বাধ্য করার চেষ্টা করতে পারে কারণ উইন্ডোজ কেস সংবেদনশীল, যদি আপনি নির্দেশনাটি অনুসরণ করেন তবে আপনি ঠিক থাকবেন তবে সাধারণভাবে আপনাকে সঠিক ক্ষেত্রে টাইপ করতে হবে লিনাক্সের জন্য। আপনি এই সমস্যাটি সম্পর্কে সরকারী গ্যাটসবি ইস্যু পৃষ্ঠায় পড়তে পারেন।

আপনি যদি ডাব্লুএসএল 2 ব্যবহার করেন তবে / এমএনটি / ড্রাইভগুলি ব্যবহার করা এড়িয়ে চলুন, এখন লিনাক্স ডিস্কগুলি ভার্চুয়াল হার্ড ডিস্ক এবং লিনাক্স সিস্টেমের বাইরের যে কোনও কিছুতেই খারাপ পারফরম্যান্স রয়েছে, কেবল এটিই নয় তবে হট মডিউল পুনরায় লোডিং (এইচএমআর) কাজ করবে না। আপনাকে লিনাক্স সিস্টেমে রেপো তৈরি করতে হবে, আমি এটি ইনস্টল নোটগুলিতে অন্তর্ভুক্ত করেছি।

আপনি ডাব্লুএসএল 2 এর সাথে আমার অভিজ্ঞতা সম্পর্কে পড়তে পারেন।

নোটগুলি ইনস্টল করুন

আমি ডাব্লুএসএল 2 তে উবুন্টু এলটিএস 18.04 দিয়ে ইনস্টল করতে যাচ্ছি।

আমার উবুন্টু ইনস্টলেশনটি পরিষ্কার, তাই আমার সেখানে নোডও নেই। নোড.জেএস এর সর্বশেষতম সংস্করণ ইনস্টল করার আগে আপনাকে অবশ্যই এর পিপিএ যুক্ত করতে হবে ... প্রয়োজনীয় নির্ভরতা ইনস্টল করতে নীচের কমান্ডগুলি চালনা করুন…।

  1. নোড 12 ইনস্টল করতে দেয় আপনি প্যাকেজগুলি আপডেট করতে হবে কারণ আপনি কেবল pt apt-get nodejsj করতে পারবেন না:
sudo অ্যাপটি আপডেট

দ্রষ্টব্য: অ্যাপটি-গেট আপডেট আসলে সফ্টওয়্যারটির নতুন সংস্করণ ইনস্টল করে না। পরিবর্তে, এটি প্যাকেজগুলির জন্য আপগ্রেডের জন্য প্যাকেজ তালিকাগুলি আপডেট করে যা আপগ্রেড করা প্রয়োজন, পাশাপাশি নতুন প্যাকেজগুলি যা সঞ্চিত সংগ্রহস্থলগুলিতে এসেছে।

অ্যাপটি আপডেট

এরপরে এই কমান্ডটি প্রবেশ করান (অনুরোধ জানালে আপনি 'ওয়াই' প্রবেশ করতে পারেন এবং চয়ন করতে পারেন জিজ্ঞাসা না করে পরিষেবাগুলি পুনঃসূচনা করতে):

sudo apt ইনস্টল বিল্ড-অপরিহার্য apt-transport-https lsb- রিলিজ সিএ-শংসাপত্র কার্ল
অ্যাপ্লিকেশন বিল্ড-আবশ্যক ইনস্টল

এখন আমরা নীচের কমান্ড দিয়ে নোড 12 কার্ল করতে পারি:

sudo apt-get ইনস্টল কার্ল কার্ল-এসএল https://deb.nodesource.com/setup_12.x | sudo -E বাশ -

অবশেষে আমরা ইনস্টল নোডেজ কমান্ডটি প্রবেশ করতে পারি:

sudo অ্যাপ-ইনস্টল -y নোডেজ
কার্ল নোড

এখন নোড + এনপিএম সংস্করণগুলি পরীক্ষা করুন, সেগুলি সঠিক কিনা তা নিশ্চিত করুন:

নোড -v এনপিএম -v
নোড-ভি এবং এনপিএম-ভি

২. একই ধরণের সুতা ইনস্টল করুন, আমরা পুরানো সংস্করণটি উপস্থিত থাকলে এটি আনইনস্টল করার সাবধানতা নেব কারণ এটির একটি আলাদা আচরণ রয়েছে, নিম্নলিখিত আদেশগুলি লিখুন:

কার্ল-এসএস https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key যোগ করুন -
প্রতিধ্বনি "দেব https://dl.yarnpkg.com/debian/ স্থিতিশীল প্রধান" | sudo tee /etc/apt/sources.list.d/yarn.list

সুতার সঠিক সংস্করণটি আমাদের ইনস্টল করা আছে কিনা তা নিশ্চিত করতে সেমিডেস্টেস্ট সরিয়ে ফেলুন:

sudo অপসারণ সেমিডেস্টেস্ট

তারপরে অবশেষে:

সুডো অ্যাপেট আপডেট এবং & সুডো অ্যাপ্লিকেশন সুতা ইনস্টল করুন

৩. আপনি যদি ইতিমধ্যে নিম্নলিখিত কমান্ডগুলি না নিয়ে থাকেন তবে গিট কনফিগার করুন:

git config --global user.email "you@example.com" git config --global user.name "আপনার নাম"

৪. এরপরে আমরা গ্যাটসবি সি এল এল বিশ্বব্যাপী ইনস্টল করব:

এনপিএম ইনস্টল -জি গ্যাটসবি-ক্লিপ
gatsby ক্লিপ ইনস্টল করা হয়েছে

৫. এর পরে আমাদের আমাদের হোম ডিরেক্টরিটি স্যুইচ করা দরকার যেখানে আমরা স্টার্টার রেপো টানব, আপনি উইন্ডোজ ডাব্লুএসএল ব্যবহার করছেন কিনা তা লক্ষণীয়, যেমন / এমএনটি / ফোল্ডারগুলিতে হোস্টিং সমস্যাযুক্ত (উইন্ডোজ গেটচস, উইন্ডোজ মাউন্টগুলি দেখুন) লিনাক্স ফাইল-সিস্টেমের বাইরে এবং গ্যাটসবি সি এলআই হট মডিউল পুনরায় লোড করার জন্য ফাইল পরিবর্তনগুলি গ্রহণ করবে না), আপনার লিনাক্স ব্যবহারকারীর নামের সাথে আপনার_লিঙ্ক_উজারনেম প্রতিস্থাপন করুন:

সিডি / হোম / আপনার_লিনাক্স_উজারনেম

Now. এখন আমরা নিম্নলিখিত কমান্ডগুলি দিয়ে লুमेन স্টার্টার কিট দিয়ে গ্যাটসবি শুরু করতে পারি (দ্রষ্টব্য: বিকাশের আগে লিখিত হিসাবে সুতা আপগ্রেড করা ভাল ধারণা, অন্যথায় এটি আপনাকে পরবর্তীটি করতে বলবে):

gatsby নতুন মাইব্লগ https://github.com/alxshelepenok/gatsby-starter-lumen
সিডি মাইব্লগ
সুতা আপগ্রেড
gatsby বিকাশ

আপনার সাইটটি এখন http: // লোকালহোস্ট: 8000 এ চলছে

আপনি দ্বিতীয় লিঙ্কটিও দেখতে পাবেন: http: // লোকালহোস্ট: 8000 / ___ গ্রাফিক্যএল। এটি এমন একটি সরঞ্জাম যা আপনি আপনার ডেটা জিজ্ঞাসা করে পরীক্ষা করতে ব্যবহার করতে পারেন। গ্যাটসবি টিউটোরিয়ালে এই সরঞ্জামটি ব্যবহার সম্পর্কে আরও জানুন।

আপনার পছন্দের কোড সম্পাদকে ব্লগ ডিরেক্টরিটি খুলুন এবং এসসিআর / টেম্পলেটগুলি / সূচক-টেম্পলেট.জগুলি সম্পাদনা করুন। আপনার পরিবর্তনগুলি সংরক্ষণ করুন এবং ব্রাউজারটি রিয়েল টাইমে আপডেট হওয়া উচিত।

স্থানীয় হোস্ট: 8000

Next. এরপরে আমরা আমাদের গিট রেপো প্রকাশ করব, নেটলিফের জন্য আমাদের এটির প্রয়োজন হবে, আমি উইন্ডোজের জন্য গিথুব ব্যবহার করছি, তবে আপনি সমমানের কমান্ডগুলি ব্যবহার করতে পারেন (আপনার_ ব্যবহারকারী নাম এবং মাইপ্রজেক্ট প্রতিস্থাপন করুন:

গিট রিমোট অ্যাড অরিজিন https://github.com/your_username/myproject.git
গিট পুশ আদি মাস্টার
আমি একটি স্থানীয় রেপো যুক্ত করছিউবুন্টু হোম ফোল্ডারটি বাছাই করা

দ্রষ্টব্য: এখানে আমি ডাব্লুএসএল 2 ব্যবহার করছি এবং এটি আসলে উইন্ডোজ 10-এ একটি নেটওয়ার্ক ড্রাইভে রয়েছে উইন্ডোজ ফাইল সিস্টেম ব্যবহার করার ফলে বাগ এবং কার্যক্ষমতা হ্রাস পেতে পারে।

আপনার রেপো প্রকাশ করুন

৮. পরবর্তী পদক্ষেপটি আমরা নেটলিফায় সাইন আপ করতে যাচ্ছি এবং তারপরে লগইন:

9. পরবর্তী পদক্ষেপটি গিট থেকে কোনও সাইট যুক্ত করা, একটি উইন্ডো অনুমোদিত হওয়ার জন্য পপ আপ করবে, 'গিট থেকে নতুন সাইট' বোতামটি ক্লিক করবে:

দ্রষ্টব্য আপনি যদি আপনার সংগ্রহশালাটি না দেখেন তবে আপনাকে 'গিটহাবের নেটলিফ অ্যাপ্লিকেশনটি কনফিগার করুন' লিঙ্কে ক্লিক করতে হবে।

এরপরে আমরা 'ডিপ্লয় সাইট' ক্লিক করি:

উদাহরণ সাইট অগ্রগতিতে স্থাপন করা dep

যদি সবকিছু ঠিকঠাক হয় তবে আপনার সাইটটি মোতায়েন করা হবে এবং এখান থেকে আপনি একটি কাস্টম ডোমেন এবং এইচটিটিপিএস সেটআপ করতে পারেন (অনস্ক্রিনের নির্দেশাবলী অনুসরণ করুন):

দ্রষ্টব্য: আপনি এখন শীর্ষ প্যানেলে সাইটের লিঙ্কটি ক্লিক করতে পারেন, আপনার সাইটটি লাইভ হওয়া উচিত !:

নেটলিফায় চলছে Lumen + Gatsby

১০. ঠিক আছে, সুতরাং আপনি কীভাবে সাইট আপডেট করবেন?… অ্যাপের মূলের একটি কনফিগারেশন ফাইল রয়েছে যার সাথে যোগাযোগ লিঙ্ক, বায়ো, শিরোনাম ইত্যাদির বিভিন্ন বিকল্প রয়েছে অন্য গুরুত্বপূর্ণ ফোল্ডারটি হ'ল বিষয়বস্তু / পৃষ্ঠাগুলি, এখানে আপনি সাইটটি তৈরি করতে ব্যবহৃত বিভিন্ন মার্কডাউন ফাইলগুলি দেখতে পাবেন, যদি 'গ্যাটসবি বিকাশ' চলমান থাকে তবে আপনাকে কেবল মার্কডাউন আপডেট করতে হবে এবং স্থানীয় অ্যাপ্লিকেশনটি স্বয়ংক্রিয়ভাবে পুনরায় লোড করা উচিত, তবে এটি কেবল আপনার পরিবর্তনগুলিকে গিটের দিকে ঠেলে দেওয়ার বিষয় a ।

দ্রষ্টব্য: কনফিগ.জেএস আপডেট করা মার্কডাউন ফাইলগুলির মতো স্বয়ংক্রিয় পুনরায় লোড করে না।

ভিএস কোডে কনটেন্টের কনফিগারেশন + অবস্থান

১১. আপনি ব্যবহারকারী বান্ধব WYSIWYG সম্পাদক ব্যবহার করে প্রোডাক্টে সাইট আপডেট করতে নেটলিফি সিএমএস ব্যবহার করতে পারেন তবে আপনাকে প্রথমে নেটলিফ আইডেন্টিটি সেটিংগুলিতে নেটলিফ আইডেন্টিটি এবং গিট গেটওয়ে সক্ষম করতে হবে:

পরিচয় সক্ষম করুনগিট গেটওয়ে সক্ষম করুন

এখন, আপনার নিজের সাইটে অ্যাডমিন ফোল্ডারটি অ্যাক্সেস করতে সক্ষম হওয়া উচিত এবং 'নেটলিফ আইডেন্টিটি দিয়ে লগইন করুন' ক্লিক করুন

আপনি যে পৃষ্ঠাটি সম্পাদনা করতে চান বা নতুন পৃষ্ঠা যুক্ত করতে চান তা চয়ন করুনআপনার পৃষ্ঠাগুলি সম্পাদনা করুন।

আপনি সরাসরি অ্যাপ্লিকেশন থেকে পরিবর্তনগুলি প্রকাশ করতে পারেন এবং নেটলিফ নতুন তৈরি হওয়া বিল্ডটি স্থাপন করা শুরু করবে।

এট ভয়েইল! - আপনার নিজস্ব জ্যামস্ট্যাক ব্যক্তিগত ব্লগ, নেটলিফায় হোস্ট করা।

পরবর্তী পদক্ষেপ

আপনি যদি ভিএস কোড ব্যবহার করছেন তবে আপনি ফ্লো টাইপিংয়ের এক্সটেনশানটি ইনস্টল করতে চাইবেন:

ফ্লো ল্যাঙ্গুয়েজ সাপোর্ট

যদি আপনি একটি কাস্টম ডোমেন পেয়ে থাকেন তবে আপনি গুগলের সাথে আপনার সাইটটি নিবন্ধিত করতে চান, এটির সাইটের সনাক্তকরণ যাচাই করতে আপনার ডিএনএস সার্ভারে একটি টিএক্সটি রেকর্ড যুক্ত করা জড়িত।

কনফিগ.জেএসসের অ্যানালিটিক্সআইডি-র জন্য একটি ক্ষেত্র রয়েছে, গুগল অ্যানালিটিক্সের জন্য নিবন্ধভুক্ত করা এবং আপনার নিজের আইডি পাওয়ার জন্য এটি একটি ভাল ধারণা যাতে আপনি নিজের ব্যবহার এবং আপনার সাইটের সাথে যোগাযোগ করছেন সেগুলি ট্র্যাক করতে পারে।

গ্যাটসবি / লুমেন স্টার্টার কিট স্বয়ংক্রিয়ভাবে সাইটম্যাপ তৈরি করে, আপনি গুগল অনুসন্ধান কনসোলের মাধ্যমে আপনার সাইটটি নিবন্ধিত করতে পারেন।

উপসংহার

আমি আপনি এই নিবন্ধ আস্বাদিত, আশা করি। গ্যাটসবির সাথে এক্সপ্লোর করার জন্য প্রচুর বোঝা রয়েছে, আমি মনে করি এটি একটি দুর্দান্ত প্রকল্প, আপনি প্লাগইন লাইব্রেরিটি পরীক্ষা করে দেখেছেন তা নিশ্চিত করুন। জ্যামস্ট্যাকের খুব উত্তেজনাপূর্ণ। এটা মাত্র শুরু।

… আমি যেমন উল্লেখ করেছি যে আমি ঠিক আজই আমার নিজস্ব ব্লগ তৈরি করেছি;) আপনি এটি এখানে পড়তে পারেন। আমি সমস্ত সোর্স কোডটি গিথুবে উপলভ্য করেছি। গ্যাটসবি দলকে এবং লুমেন ও নেটলিফের লোকজনকে অনেক ধন্যবাদ।

আপনার প্রকল্পের সাথে সৌভাগ্য কামনা করছি!