How to make a website in 2 minutes😲😳

মাত্র ২ মিনিটে কি নিজের একটি ওয়েবসাইট বানানো সম্ভব?

কেনো সম্ভব নয়, ZenUI Library থাকতে? ZenUI Library তে রয়েছে pre-build ২০+ ওয়েবসাইট টেম্পলেট। আপনি শুধু ZenUI Library ওয়েবসাইটে যাবেন এবং আপনার পছন্দের একটি টেম্পলেট সিলেক্ট করবেন এবং সেটার সোর্স কোড কপি করে অথবা আপনি তাদের গিটহাব রিপোজিটরি ক্লোন করে নিজের মেশিনে রান করবেন, ব্যাস! আপনার নিজের একটি ওয়েবসাইট তৈরি হয়ে গেলো মাত্র ২ মিনিটের মধ্যে। আরেকটা কথা, তারা কিন্তু সব টেম্পলেট ফ্রিতে দিচ্ছে। মজার না?

চলুন এবার প্রাক্টিক্যাল ভাবে স্টেপ গুলো দেখি!

প্রথমে আপনি https://zenui.net ওয়েবসাইটে চলে যাবেন। তারপর আপনি উপরে নেভবারে টেম্পলেট বাটন পেয়ে যাবেন। যেমনটা নিজের ইমেজে দেখানো হয়েছেঃ

টেম্পলেট সেকশনে চলে আসলে আপনি সব রকমের টেম্পলেট পেয়ে যাবেন এবং সেখান থেকে আপনি আপনার পছন্দ মতো টেম্পলেট সিলেক্ট করবেন। যে টেম্পলেট সিলেক্ট করবেন সেই টেম্পলেটের কার্ডের নিচে একটা বাটন দেখতে পারবেন source code নামে। যেমনটা নিজের ইমেজে দেখানো হয়েছেঃ

এই বাটনে ক্লিক করবেন, ক্লিক করার সাথে সাথে আপনাকে Redirect করে তাদের গিটহাব Organization এর মধ্যে আপনার সিলেক্ট করা টেম্পলেটের রিপোজিটরিতে নিয়ে যাবে। সেখান থেকে আপনি রিপো ক্লোন করে নিজের মেশিনে নিতে পারবেন অথবা আপনি চাইলে সব কোড কপি করে নিতে পারবেন।

কিন্তু আমার সাজেশন হচ্ছে আপনি ক্লোন করে নিয়ে নিন এতে করে খুব সহজে সমস্ত কোড আপনার মেশিনে চলে যাবে।

এবার টেম্পলেট তো আপনি পেয়ে গেলেন! মানে একটা ওয়েবসাইট হয়ে গেলো আপনার, এবার আপনি নিজের প্রয়োজন অনুযায়ী ওয়েবসাইটের কন্টেন্ট পরিবর্তন করে নিলেই হয়ে গেলো আপনার নিজের একটি ওয়েবসাইট কোনো প্রকার কোড না করেই!

টেম্পলেট ক্লোন করে নিজের মেশিনে রান করবেন কিভাবে?

রিপোজিটরিতে দেখবেন fork নামে একটা বাটন আছে, আপনি ওই বাটনে ক্লিক করবেন। এতে করে আপনি প্রজেক্টটি নিজের গিটহাব অ্যাকাউন্টে রেখে দিলেন। যেমনটা নিচের ইমেজে দেখানো হয়েছেঃ

fork করা হয়ে গেলে এবার আপনাকে প্রজেক্ট ক্লোন করতে হবে। এর জন্য আপনি ওইখানে code বলে একটা বাটন পাবেন ওইটাতে ক্লিক করতে হবে। যেমনটা নিজের ইমেজে দেখানো হয়েছেঃ

ক্লিক করার পর একটা popup আসবে নিচের ইমেজের মতোঃ

এই popup এর মধ্যে চিহ্নিত করা অংশের url টা কপি করে নিজের মেশিনের কমান্ড লাইনে রান করালেই আপনার মেশিনে পুরো প্রজেক্টি ক্লোন হয়ে চলে যাবে। তারপর শুধু আপনাকে ২ টা কমান্ড দিতে হবেঃ

১ঃ npm install

২ঃ npm run dev

এগুলা সাকসেস ভাবে হলেই দেখবেন যে প্রজেক্টি আপনার মেশিনে রান হয়ে গেছে। এবার আপনি আপনার মতো করে প্রজেক্টির কন্টেন্ট পরিবর্তন করে নিবেন।

ZenUI Library যদি আপনার উপকারে আসে তাহলে অবশ্যই তাদের গিটহাব রিপোজিটরিতে এবং প্রোডাক্ট হান্টে একটা আপভোট দিয়ে সাপোর্ট করবেন।