Tag: Learning

  • My Tech Stack

    Published: 1-Oct-2024, Last Updated: 08-June-2025

    tldr: Next, Nuxt, Sveltekit, Astro, Tailwindcss, Supabase, D1, Drizzle, Convex, AWS, Full-Stack Cloudflare.

    Frontend: React, Next, Svelte, Vue, Astro, Gatsby

    রিয়্যাক্ট তো সবাই শেখেই, পাশাপাশি আমি Svelte শিখেছি এবং বেশ মজা পেয়েছি। আমার এই ওয়েবসাইটও বর্তমানে Svelte দিয়েই করা, আগে Gatsby-তে ছিলো (গিটহাবে MIT license) – আরেকটি ভালো জিনিস।

    আর Vue এর ক্র্যাশ কোর্স দেখে Svelte এর সাথে অনেক মিল পেয়েছি, কাজ চালিয়ে নিতে পারবো বলে মনে করি। (December, 2025 এ Mastering Nuxt 3 কোর্সটি করেছি।) Update: May 2025 – Nuxt.com এর রিপোতে ২টি PR মার্জ হয়েছে, যা আমাকে একজন ছোট Nuxter বানিয়ে দিয়েছে 🙂

    (উভয়টিই syntax.fm এর CJ Raynold এর Vue-Nuxt এর কোর্স, একটা তো প্রায় ১২ ঘণ্টার! সেটি দেখে নাক্সটের অনেক কিছুই শেখা হয়ে গেছে।)

    ২০২৫ এর জানুয়ারীতে Astro শেখার পর মনে হলো- আরো আগে কেন শিখলাম না। Gatsby + Graphql এ বেশ কষ্টে যা করা হতো, তা খুবই সহজে করে ফেলা যায়। Gatsby-র ১ জিবির প্রজেক্ট Astro তে ৫০০ এমবি!

    October 2024 : Fresh (Deno) & HonoX এর Docs পড়েছি।

    Tanstack, Solid নিয়েও ঘাটাঘাটি করার ইচ্ছা আছে।

    আমার শেখার ধারাবাহিকতাঃ React, Gatsby, Svelte, Vue, Next, Nuxt, Astro

    Language: JS+TS (primary), তবে অক্টোবরে python, django – Netninja (uk) ইউটিউব চ্যানেল থেকে, php, laravel ক্র‍্যাশ কোর্স + w3schools থেকে শিখেছি- বলা উচিত- এক্সপ্লোর করেছি। নভেম্বরের ৬-৭ তারিখে Bek Brace চ্যানেলের ৩ ঘন্টার Rust Crash course দেখেছি। তাতে মনে হয়েছে- টাইপস্ক্রিপ্ট + লারাভেল = রাস্ট 🦀😃। এগুলো এমনেই এক্সপ্লোর, ২০২৫ এ জাভাস্ক্রিপ্ট+টাইপস্ক্রিপ্টের বাহিরে যাওয়ার ইচ্ছা নেই।

    জুন ২০২৫ঃ Go এর বেশ কিছু বিষয় শিখেছি।

    Styling: CSS, SASS, Tailwind

    টেইলউইন্ড সবার পরে শিখেছি। ভবিষ্যতে UnoCSS ব্যবহার করার ইচ্ছা আছে। Anthony Fu আমার কোডিং লাইফের হিরো/আইডল।

    Backend: Express, Hono, CF Workers, Swagger, OpenAPI Specification

    Hono বেশ ভালো লাগে। সবকিছু সংক্ষেপে + typescript (Cloudflare & Deno উভয়েই অফিশিয়ালি Hono-কে প্রমোট করে)।

    DB: Convex, MongoDB, PostgreSQL & Others

    শুরুতে MongoDB বেশি ব্যবহার করতে করতে SQL শেখা হচ্ছিলো না, পরে Supabase এবং Cloudflare D1 দিয়ে SQL এর বাস্তব ব্যবহার শেখা। Simpack প্রজেক্টে Supabase SQL ব্যবহার করা হয়েছে।

    মে ২০২৫ঃ Convex হচ্ছে ভবিষ্যতের, বরং বর্তমানেরও সেরা ডাটাবেজ + ব্যাকেন্ড সলিউশন। প্রচুর ভালো লেগেছে। t3.chat + Theo এবং Web Dev Cody-ও এটির ভক্ত। ওদের থেকেই আমি কনভেক্সের সন্ধান পেয়েছি।

    ORM: Prisma & Drizzle

    Headless CMS: Strapi, WP

    Cloud: AWS, Cloudflare, Supabase, Deno Deploy, OVH

    ‘সেলফ হোস্ট’ আমার ভালো লাগে। মে ২০২৪ থেকেই AWS ব্যবহার করছি।

    Coolify, HestiaCP, Uptime Kuma, Algo VPN, Squid Proxy, NextCloud সহ অনেক কিছুই হোস্ট করেছি।

    Deploy: Netlify, Vercel, Amplify, Cloudflare Pages, EC2

    Deno Deploy ব্যবহার করতে গিয়ে Deno এর বেশ কিছু ব্যবহার শিখতে হয়েছে, যা NPM & BUN থেকে আলাদা।

    Git: Github, Gitlab, Bitbucket, AWS Codecommit, SourceHut

    গিটহাবই তো উইনার, গিটল্যাবের ফ্রিতে/প্রো মেম্বারশিপ কেনা ছাড়া কোলাবোরেশনের ব্যাপারটা ভালো। শেষ ৩টি একবার একবার ব্যবহার করে পরিচিতি হয়েছি।

    SourceHut এর সন্ধান পেয়েছিলাম https://timharek.no/ থেকে, এবং উনার ব্লগে দেখেই PGP Key, Email Encryption / Kleopatra শিখে উনার পাব্লিক কী দিয়ে এনক্রিপ্ট করে ইমেইল করে ধন্যবাদ দিয়েছিলাম।

    CI / CD: জীবনে অনেক করেছি- এমন না। তবে Deno Deploy তে Sveltekit SSR এর জন্য করেছিলাম, আরেকবার আরেক প্রজেক্টে করেছিলাম। বেশ মজার জিনিস।

    আরো যা শিখবো (ইনশাল্লাহ)- আমি AWS যে ইউটিউব চ্যানেল থেকে শিখেছি- Gaurav Sharma, সেখানে Terrraform, Kubernetes, Ansible, Jenkins, Shellscript এর টিউটোরিয়াল আছে, সেগুলোও ২০২৫ শেষ হওয়ার আগেই শিখে ফেলার ইচ্ছা আছে।

    Open Source Contribution: Full Stack Army এর ৩৫+ ভিডিওর টাইমস্ট্যাম্প বানিয়েছি। এছাড়া Sveltepress (Vitepress এর svelte ভার্সন) এর ডকুমেন্টেশন এর বাংলা অনুবাদ করেছি।

    কোডিং জার্নির আরো অনেক আগে www.time.is সাইটের অনুবাদ করেছিলাম।

    আমার লাইভ প্রজেক্ট:

    বিঃ দ্রঃ প্রজেক্টের সোর্স কোড, কেস স্টাডি নেভিগেশন বারের /projects এ পাওয়া যাবে।

    সর্বশেষ কাজটি হচ্ছে- অনলাইনে ক্লাস করানোর জন্য একটি প্রজেক্ট, যেটিতে ভর্তি, হাজিরা, এককালীন/মাসিক পেমেন্ট ও রেকর্ডেড ক্লাসের লিংক ছাত্রদের জন্য অ্যাড করা যায়। পুরোপুরি SaaS না, একই প্রজেক্টের রিপো দুটি ডোমেইনে দুজনকে দিয়েছি।

    তার আগের প্রজেক্ট একটি কোর্সের সাইট, ওপেন সোর্স না।

    আলকাউসার (ফ্যানমেইড) – Gatsby + Tailwind দিয়ে বানানো।

    ৩টি আলাদা ফ্রেমওয়ার্কে এই সাইট – মূলটি গিটহাব থেকে Fork করেছি, পরে Gatsby থেকে Svelte এ কনভার্ট করেছি, মূল Author কে দেখিয়েছিও। ভবিষ্যতে css থেকে Tailwind এ কনভার্ট করার ইচ্ছা আছে। এখন ৭০% আমার কোড, তখন ১০০% আমার কোড হয়ে যাবে।

    আমার ভাইয়ের জন্য বানানো ডিসকর্ড বট, যা EC2 তে রান করা আছে।

    ২টি VS Code এর থিম।

  • I learned Python and PHP

    I learned Python and PHP

    শিখেছি = এতটুকু শিখেছি যে- environment setup, package install, syntax, অন্যের কোড দেখলে মোটামুটি বোঝা + কন্ট্রিবিউট করতে পারা। শিখেছি বলে মাস্টার হয়েছি বুঝাইনি।

    পাইথন শিখেছি শুরুতে BroCode চ্যানেলের এক ঘণ্টার ক্র‍্যাশ কোর্স

    এরপর netninja চ্যানেলের django crash course

    একই চ্যানেলের Python Playlist (এবং একটু w3schools)

    শেখার সময়: ৮ অক্টোবর থেকে পরবর্তী কয়েকদিনে।

    পাইথনের ফাংশনের প্যারামিটারের বৈচিত্র্য ভাল লেগেছে। django লারাভেলের চেয়ে সহজ ও ক্লিন মনে হয়েছে, এছাড়া ট্রেইলিং কমা ব্যাপারটা কেমন যেন!

    php শিখেছি ১৮ অক্টোবর, W3schools থেকে

    আর Laravel শিখেছি আজ ১৯ অক্টোবর, The Codeholic চ্যানেল থেকে।

    php দেখি পুরাই জাভাস্ক্রিপ্ট! 😁 প্রচুর মিল।

  • Website Speed

    আমার এই সাইটের লেখাগুলো ওয়ার্ডপ্রেসে লিখি, আর এপিআই দিয়ে শো করি zmt3.com এ, আরো কয়েকটা ডোমেইন-সাবডোমেইনে।

    zmt3.com svelte দিয়ে বানানো, netlify তে হোস্ট করা। নেটলিফাই AWS N. Virginia / US-EAST-1 ব্যবহার করে। (আর ভার্সেল করে AWS ক্যালিফোর্নিয়া)

    আমার ওয়ার্ডপ্রেস কিছুদিন BDIX হোস্টিং এ ছিলো, তাও আবার zmt3 ডটকমের সাবডোমেইনে না, একটি .photos ডোমেইনে। (ফ্রিতে পেয়েছিলাম, তাই .photos)

    তখন ওয়েবসাইট লোড হতে ১১+ সেকেন্ড লাগতো। বাংলাদেশের হোস্টিং এ থাকা ওয়ার্ডপ্রেস থেকে ডাটা নিতো Netlify, তারপর zmt3.com এ হোমপেজ রেন্ডার করে পাঠাতো (বেশিরভাগ ক্ষেত্রেই বাংলাদেশের) ভিজিটরের কাছে- ফুল প্রসেসে ১১+ সেকেন্ড লাগতো। (মাঝখান থেকে ডট ফটোস টিএলডির ডিএনএস সার্ভারেও সময় খরচ হতো)

    পরে আমি ডট ফটোস বাদ দিয়ে সাবডোমেইন ব্যবহার করি, wp2.zmt3.com, কিন্তু BDIX হোস্টিং-ই। তাতেও সময় কমে ৮-৯ সেকেন্ডে নেমে আসে।

    তারপর AWS EC2 US-EAST-1 তে hestiaCP হোস্ট করে সেখানে ওয়ার্ডপ্রেস সেটাপ করি। এখন ৫-৬ সেকেন্ডে হয়ে যায়। (বর্তমানে)

    সামনে টার্গেট হচ্ছে- সিংগাপুর সার্ভারে Coolify দিয়ে zmt3.com আর HestiaCP দিয়ে ওয়ার্ডপ্রেস হোস্ট করবো, তখন হয়ত ২-৩ সেকেন্ডের মধ্যেই হয়ে যাবে।

    আরো মজা হবে BDIX সার্ভারে Coolify+HestiaCP, কিন্তু সেটা ইচ্ছা নেই।

  • My Tech Stack

    Frontend: React, Gatsby, Next, Svelte, Vue

    রিয়্যাক্ট তো সবাই শেখেই, পাশাপাশি আমি Svelte শিখেছি এবং বেশ মজা পেয়েছি। আমার এই ওয়েবসাইটও বর্তমানে Svelte দিয়েই করা, আগে Gatsby-তে ছিলো (গিটহাবে MIT license) – আরেকটি ভালো জিনিস।

    আর Vue এর ক্র্যাশ কোর্স দেখে Svelte এর সাথে অনেক মিল পেয়েছি, কাজ চালিয়ে নিতে পারবো বলে মনে করি।

    আর ভবিষ্যতে Astro, Solid নিয়েও ঘাটাঘাটি করার ইচ্ছা আছে।

    October : Fresh (Deno) & HonoX এর Docs পড়েছি।

    আমার শেখার ধারাবাহিকতাঃ React, Gatsby, Svelte, Vue, Next

    Language: JS+TS (primary), তবে অক্টোবরে python, django, php, laravel ক্র‍্যাশ কোর্স + w3schools থেকে শিখেছি। নভেম্বরের ৬-৭ তারিখে Bek Brace চ্যানেলের ৩ ঘন্টার Rust Crash course দেখেছি – টাইপস্ক্রিপ্ট + লারাভেল = রাস্ট 🦀😃।

    Styling: CSS, SASS, Tailwind

    টেইলউইন্ড সবার পরে শিখেছি। ভবিষ্যতে UnoCSS ব্যবহার করার ইচ্ছা আছে। Anthony Fu আমার কোডিং লাইফের হিরো/আইডল।

    Backend: Express, Hono, CF Workers, Swagger, OpenAPI Specification

    Hono বেশ ভালো লাগে। সবকিছু সংক্ষেপে + typescript (Cloudflare & Deno উভয়েই অফিশিয়ালি Hono-কে প্রমোট করে)।

    DB: MongoDB, PostgreSQL & Others

    শুরুতে MongoDB বেশি ব্যবহার করতে করতে SQL শেখা হচ্ছিলো না, পরে Supabase এবং Cloudflare D1 দিয়ে SQL এর বাস্তব ব্যবহার শেখা। Simpack প্রজেক্টে Supabase SQL ব্যবহার করা হয়েছে।

    Headless CMS: Strapi, WP

    Cloud: AWS, Cloudflare, Supabase, Deno Deploy

    ‘সেলফ হোস্ট’ আমার ভালো লাগে। ৪+ মাস যাবত AWS ব্যবহার করছি।

    HestiaCP, Coolify, Uptime Kuma, Algo VPN, Squid Proxy সহ অনেক কিছুই হোস্ট করেছি।

    Deno Deploy ব্যবহার করতে গিয়ে Deno এর বেশ কিছু ব্যবহার শিখতে হয়েছে, যা NPM & BUN থেকে আলাদা।

    Deploy: Netlify, Vercel, Amplify, Cloudflare Pages, EC2

    Git: Github, Gitlab, Bitbucket, AWS Codecommit, SourceHut

    গিটহাবই তো উইনার, গিটল্যাবের ফ্রিতে/প্রো মেম্বারশিপ কেনা ছাড়া কোলাবোরেশনের ব্যাপারটা ভালো। শেষ ৩টি একবার একবার ব্যবহার করে পরিচিতি হয়েছি।

    SourceHut এর সন্ধান পেয়েছিলাম https://timharek.no/ থেকে, এবং উনার ব্লগে দেখেই PGP Key, Email Encryption / Kleopatra শিখে উনার পাব্লিক কী দিয়ে এনক্রিপ্ট করে ইমেইল করে ধন্যবাদ দিয়েছিলাম।

    CI / CD: জীবনে অনেক করেছি- এমন না। তবে Deno Deploy তে Sveltekit SSR এর জন্য করেছিলাম, আরেকবার আরেক প্রজেক্টে করেছিলাম। বেশ মজার জিনিস।

    আরো যা শিখবো (ইনশাল্লাহ)- আমি AWS যে ইউটিউব চ্যানেল থেকে শিখেছি- Gaurav Sharma, সেখানে Terrraform, Kubernetes, Ansible, Jenkins, Shellscript এর টিউটোরিয়াল আছে, সেগুলোও ২০২৫ এর জুনের আগে শিখে ফেলার ইচ্ছা আছে।

    Open Source Contribution: Full Stack Army এর ৩৫+ ভিডিওর টাইমস্ট্যাম্প বানিয়েছি। এছাড়া Sveltepress (Vitepress এর svelte ভার্সন) এর ডকুমেন্টেশন এর বাংলা অনুবাদ করেছি।

    কোডিং জার্নির আরো অনেক আগে www.time.is সাইটের অনুবাদ করেছিলাম।

    আমার লাইভ প্রজেক্ট:

    বিঃ দ্রঃ প্রজেক্টের সোর্স কোড, কেস স্টাডি নেভিগেশন বারের /projects এ পাওয়া যাবে।

    ১। Simpack – Nextjs + Supabase

    ২। আলকাউসার (ফ্যানমেইড) – Gatsby + Tailwind দিয়ে বানানো।

    ৩। এই সাইট – যা গিটহাব থেকে Fork করেছি, পরে Gatsby থেকে Svelte এ কনভার্ট করেছি, মূল Author কে দেখিয়েছিও – Gitlab এ পুশ করে। ভবিষ্যতে css থেকে Tailwind এ কনভার্ট করার ইচ্ছা আছে। এখন ৭০% আমার কোড, তখন ১০০% আমার কোড হয়ে যাবে।

    ৪। আমার ভাইয়ের জন্য বানানো ডিসকর্ড বট, যা EC2 তে রান করা আছে।

    ৫। Bytes Newsletter Theme

  • Simpack: Shopify for Bundles

    Simpack: Shopify for Bundles

    আমার ফ্রেন্ডলিস্টে একাধিক ব্যক্তি ছিলেন, যারা ‘ড্রাইভ প্যাক’ বিক্রি করতেন/করেন।

    ড্রাইভ প্যাক = জিবি, মিনিটের কম্বো বান্ডেল – যেমন ২০ জিবি ৩০০ মিনিট ৩০ দিন মেয়াদ, দাম *** টাকা। (স্বাভাবিকের চেয়ে কিছুটা/বেশ কম দাম)।

    তারা প্রতিদিন এরকম ৫-১০টা অফার/বান্ডেল পোস্ট দেন, এবং যে কিনতে চায় সে যোগাযোগ করে। তারপর বিকাশ/রকেট বা অন্য যে কোনো ভাবে পেমেন্ট করে অর্ডার করলে বান্ডেল পাঠিয়ে দেয়া হয়।

    দেখেই বোঝা যায়, এগুলো ম্যানেজ করা কঠিন। একটা দুইটা ঠিক আছে, কিন্তু একজন যদি ২০-৪০টা অর্ডার পায়, তাহলে দিন শেষে ম্যানেজ করা, হিসাব রাখা কঠিন হয়ে যাবেই।

    তাই আমি এই প্রজেক্ট করলাম।

    এখানে একজন বিক্রেতা সাইন আপ করবে। তারপর নিজের MFS / Bank এর তথ্য আপডেট করবে।

    জিবি+মিনিট, দাম ও এক্সট্রা কিছু লেখার থাকলে লিখে প্যাক বানাবে।

    তারপর নিজের লিংক শেয়ার করবে। (ইমেইল যদি হয় khalid2@gmail.com তাহলে তার লিংক হবে https://simpack.vercel.app/khalid2 । ঝামেলা কমাতে আরেক ধাপ – choose your username বানাইনি। ওটাও তো মোটেই কঠিন কিছু না।)

    কাস্টমার ঐ লিংকে ভিজিট করলে শুধু প্যাকগুলো দেখতে পাবে, পছন্দের প্যাকের পাশে Order বাটনে ক্লিক করলে একটি ফর্ম আসবে, সেখানে সে কোন মোবাইল নম্বরে নিতে চায়, এবং কিভাবে পেমেন্ট করেছে তার তথ্য দিলে অ্যাডমিনের ড্যাশবোর্শে অর্ডার চলে যাবে। অ্যাডমিন সব কিছু ভ্যারিফাই করে (টাকা এসেছে কিনা দেখে) অর্ডারটি কমপ্লিট করবে।


    অথেনটিকেশন ম্যানেজ করা সত্যিই কঠিন। অতীতে আমি passport.js এবং authjs ব্যবহার করলেও এবার আর ঝামেলায় যেতে চাচ্ছিলাম না।

    আমি রেডিমেড npx create-next-app -e with-supabase কমান্ড দিয়ে https://github.com/vercel/next.js/tree/canary/examples/with-supabase এটা ডাউনলোড করে ব্যবহার করেছি।

    সাইন আপ, লগিনের ব্যবস্থা এখানে করাই আছে।

    তারপর বাকিটা Supabase এর SQL ডাটাবেজ দিয়ে করা। ৪টি টেবিল।


    এটিতো কেবল শুরু। আরো অনেক কিছু করা বাকী।

    আর পেমেন্ট? প্যাকের দামের ০.২৫% – ০.৫% অথবা ৳৩০/৫০/১০০ যেটা বেশী – চার্জ করা যেতে পারে।

    বা ফিক্সড, মাসে ১০০-৩০০ এরকম কিছু। চাইলে উভয়টা রাখা যায়।

    edited: আগে টাইটেল দিয়েছিলাম – Simpack – গরীবের Shopify / Zatiqeasy

    গরীবের Shopify / Zatiqeasy বলাটা ফান করে বলা 🙂

  • Alkawsar x Gatsby

    Alkawsar x Gatsby

    যে রিয়্যাক্ট শিখেছে কিন্তু Gatsby + GraphQL শেখেনি, তার জন্য আমার দুঃখ হয়। এত সুন্দর, এত মজার জিনিস সে মিস করছে!

    আমি দেশে এবং দেশের বাহিরের বেশ কয়েকজন ‘বড়’ ব্যক্তিকে নিজেদের সাইট/ব্লগের জন্য Gatsby ব্যবহার করতে দেখেছি।

    একজনকে ব্যবহার করতে দেখে বুঝেছি- অমুক যখন ব্যবহার করছে- তাহলে এটা অবশ্যই ভালো জিনিস, সুতরাং আমাকে শিখতে হবে। আর শেখার পর আরেকজনকে দেখেছি যে- সেও এই ভালো জিনিস ব্যবহার করছে।

    ঠিক একই বিষয় ঘটেছিলো Svelte এর সাথে। উভয়েই দেশের বাহিরের- তাদের প্রজেক্টে Svelte ব্যবহার করা দেখে বুঝেছি- এটা আসলেই সেরা। এবং পরবর্তীতে Svelte শিখেছি।

    Gatsby এর সুবিধা হচ্ছে- খুব দ্রুত বেশ ফাংশনাল+ডায়নামিক সাইট বানিয়ে ফেলা যায়।

    গিটহাব পেজ বা নেটলিফাই/ভার্সেল টাইপ জিনিস দিয়ে হোস্টিং এর খরচ ০.০০ করে ফেলা যায়। ডোমেইনও না কিনলে ওয়েবসাইট পরিচালনার খরচ ০.০০।

    SSG, SSR, ISR, DSG, MPA সব আছে।

    (জানি, আরো অনেক ফ্রেমওয়ার্কেই এসব আছে, কিন্তু Gatsby তে বিভিন্ন ‘জটিলতা’ কম, শেখা সহজ।)

    ***

    আমি Gatsby প্রথম শিখেছিলাম ২৭ জানুয়ারী ২০২৪ তারিখে।

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

    আর সর্বশেষ রিভিশন দিলাম সেপ্টেম্বরের ৮ তারিখে। এবং তারপর প্র্যাক্টিস করলাম ৯-১২ তারিখ।

    ***

    আল কাউসারের সাথে পরিচিত ২০১১ থেকে। নিজে কিনে, অন্যেরটা নিয়ে বা অনলাইনে পড়ছি তখন থেকেই। এছাড়াও ‘আপনি যা জানতে চেয়েছেন’ বিভাগের মাসয়ালা-মাসায়েল তো মাঝে মাঝেই দেখি।

    ***

    আলকাউসারের ওয়েবসাইটের ডায়নামিক রাউটগুলো হচ্ছে-

    /sections সেকশন / বিভাগ – ওয়ার্ডপ্রেসের ভাষায় ক্যাটাগরি।

    /topics প্রসঙ্গ – ওয়ার্ডপ্রেসের ভাষায় ট্যাগ।

    /authors লেখক – ওয়ার্ডপ্রেসেও Author (যা user যুক্ত করলে তৈরি হয়)।

    /issues পুরাতন সংখ্যা / অতীতের প্রতি মাসের ম্যাগাজিন।

    ***

    TODO

    পেজের নিচে jump to top,

    সার্চবার,

    Dark mode যুক্ত করা।

    টেমপ্লেট ফোল্ডারের সব ফাইলের জন্য রি-ইউজেবল কম্পোনেন্ট তৈরি করা।