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

2024

Website Speed

My Tech Stack

My first day of AWS

My Pixel Experience

Pro🦆tivity