🌐 আধুনিক ফুল-স্ট্যাক ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ গাইড - ভার্সন ১.০ (২০২৫)

📚 সূচিপত্র

1. ভূমিকা
2. সর্বশেষ ভার্সন ও ভাষা-স্ট্যাক পরিচিতি
3. লিনাক্সে সেটআপ
4. উইন্ডোজে সেটআপ
5. এআই ডেভেলপমেন্ট সেটআপ
6. প্রতিটি স্ট্যাকের রিয়েল ওয়ার্ল্ড উদাহরণ
7. ভাল অভ্যাস, নিরাপত্তা ও কনফিগারেশন টিপস
8. সাধারণ সমস্যা ও সমাধান
9. সারাংশ ও পরবর্তী ধাপ
10. রেফারেন্স

---

ভূমিকা

২০২৫ সালে ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ পূর্বের তুলনায় আরও সহজ এবং শক্তিশালী হয়েছে। এই গাইডে আমরা সম্পূর্ণ আপ-টু-ডেট সেটআপ প্রক্রিয়া, এআই ডেভেলপমেন্ট, এবং বিভিন্ন প্ল্যাটফর্মের জন্য বিশেষ টিপস শেয়ার করব।

🎯 এই গাইডের বিশেষ ফিচারসমূহ:

· ✅ সমস্ত টুলসের সর্বশেষ ভার্সন (২০২৫) · ✅ এআই ও মেশিন লার্নিং সেটআপ · ✅ লোকাল এআই মডেল রানিং (Ollama, LM Studio) · ✅ VS Code এক্সটেনশন ও কনফিগারেশন · ✅ Docker & Kubernetes ডেভেলপমেন্ট · ✅ মাল্টি-প্ল্যাটফর্ম সাপোর্ট

---

সর্বশেষ ভার্সন ও ভাষা-স্ট্যাক পরিচিতি

🚀 ২০২৫ এর টপ টেকনোলজি স্ট্যাক

ক্যাটাগরি টেকনোলজি ভার্সন ব্যবহার Backend Node.js 22.x LTS সার্ভার সাইড Python 3.12+ ডাটা সায়েন্স, এআই PHP 8.4 ওয়েব ডেভেলপমেন্ট Go 1.24 হাই পারফরম্যান্স Rust 1.82 সিস্টেম প্রোগ্রামিং Frontend React 19 UI লাইব্রেরি Vue 3.4 প্রোগ্রেসিভ ফ্রেমওয়ার্ক Angular 18 এন্টারপ্রাইজ ফ্রেমওয়ার্ক Svelte 5 কম্পাইলার-বেসড Mobile Flutter 3.24 ক্রস-প্ল্যাটফর্ম React Native 0.78 নেটিভ মোবাইল Database PostgreSQL 17 রিলেশনাল DB MongoDB 8 NoSQL Redis 8 ক্যাশিং AI/ML TensorFlow 2.16 ডিপ লার্নিং PyTorch 2.3 রিসার্চ LangChain 0.2 এআই অ্যাপস

---

লিনাক্সে সেটআপ

৩.১ PHP / Laravel স্ট্যাক (Ubuntu 24.04 LTS)

# সিস্টেম আপডেট
sudo apt update && sudo apt upgrade -y

# PHP 8.4 ইনস্টলেশন
sudo apt install software-properties-common -y
sudo add-apt-repository ppa:ondrej/php -y
sudo apt update
sudo apt install php8.4 php8.4-cli php8.4-fpm php8.4-mysql php8.4-pgsql \
php8.4-sqlite3 php8.4-curl php8.4-xml php8.4-mbstring php8.4-zip \
php8.4-gd php8.4-bcmath -y

# Composer ইনস্টলেশন
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php composer-setup.php
php -r "unlink('composer-setup.php');"
sudo mv composer.phar /usr/local/bin/composer

# Laravel প্রজেক্ট তৈরি
composer global require laravel/installer
echo 'export PATH="$HOME/.config/composer/vendor/bin:$PATH"' >> ~/.bashrc
source ~/.bashrc

# নতুন Laravel প্রজেক্ট
laravel new my-project
cd my-project
php artisan serve

৩.২ Node.js / React / Vue স্ট্যাক

# Node.js 22.x ইনস্টলেশন
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -
sudo apt-get install -y nodejs

# PNPM ইনস্টলেশন (দ্রুত প্যাকেজ ম্যানেজার)
curl -fsSL https://get.pnpm.io/install.sh | sh -

# React অ্যাপ তৈরি
npx create-react-app@latest my-react-app
cd my-react-app
npm start

# Vue অ্যাপ তৈরি
npm create vue@latest my-vue-app
cd my-vue-app
npm install
npm run dev

# Next.js 15 অ্যাপ তৈরি
npx create-next-app@latest my-next-app --typescript --tailwind --eslint
cd my-next-app
npm run dev

৩.৩ Python / FastAPI / Django স্টাপ

# Python 3.12 ইনস্টলেশন
sudo apt install python3.12 python3.12-venv python3.12-pip -y

# Virtual Environment তৈরি
python3.12 -m venv myenv
source myenv/bin/activate

# FastAPI প্রজেক্ট
pip install fastapi uvicorn
mkdir fastapi-app && cd fastapi-app

# main.py ফাইল তৈরি
cat > main.py << EOF
from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def read_root():
    return {"Hello": "World"}

@app.get("/items/{item_id}")
def read_item(item_id: int, q: str = None):
    return {"item_id": item_id, "q": q}
EOF

# সার্ভার চালু
uvicorn main:app --reload

৩.৪ Docker & Kubernetes ডেভেলপমেন্ট

# Docker ইনস্টলেশন
sudo apt install docker.io -y
sudo systemctl enable docker
sudo systemctl start docker
sudo usermod -aG docker $USER

# Docker Compose
sudo curl -L "https://github.com/docker/compose/releases/download/v2.24.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
sudo chmod +x /usr/local/bin/docker-compose

# Minikube (লোকাল Kubernetes)
curl -LO https://storage.googleapis.com/minikube/releases/latest/minikube-linux-amd64
sudo install minikube-linux-amd64 /usr/local/bin/minikube
minikube start

---

উইন্ডোজে সেটআপ

৪.১ WSL2 সেটআপ (রিকোমেন্ডেড)

# PowerShell এ Administrator মোডে চালান

# WSL2 সক্ষম করুন
dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestart
dism.exe /online /enable-feature /featurename:VirtualMachinePlatform /all /norestart

# রিস্টার্ট করুন, তারপর:
wsl --set-default-version 2

# Ubuntu 24.04 LTS ইনস্টল করুন
wsl --install -d Ubuntu-24.04

৪.২ নেটিভ উইন্ডোজ স্ট্যাক

Chocolatey (প্যাকেজ ম্যানেজার) ইনস্টলেশন:

# PowerShell এ Administrator মোডে
Set-ExecutionPolicy Bypass -Scope Process -Force
[System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072
iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))

Node.js ও টুলস ইনস্টলেশন:

choco install nodejs-lts python php nginx mysql postgresql git vscode -y

VS Code এক্সটেনশনস:

# PowerShell বা CMD তে
code --install-extension ms-vscode.vscode-json
code --install-extension ms-vscode.vscode-typescript-next
code --install-extension bradlc.vscode-tailwindcss
code --install-extension ms-python.python
code --install-extension ms-vscode.cpptools

৪.৩ .NET 9 সেটআপ

# .NET SDK ইনস্টলেশন
choco install dotnet-9.0-sdk -y

# নতুন ওয়েব API প্রজেক্ট
dotnet new webapi -n MyApi
cd MyApi
dotnet run

---

এআই ডেভেলপমেন্ট সেটআপ

৫.১ লোকাল এআই মডেল রানিং

Ollama ইনস্টলেশন (Linux/WSL2):

curl -fsSL https://ollama.ai/install.sh | sh

# মডেল ডাউনলোড ও রান
ollama pull llama3.2:1b
ollama run llama3.2:1b

# কাস্টম মডেল
ollama pull codellama:7b
ollama pull mistral:7b

LM Studio (Windows GUI):

1. https://lmstudio.ai/ থেকে ডাউনলোড করুন
2. ইনস্টলেশন শেষে বিভিন্ন ওপেন-সোর্স মডেল ব্রাউজ করুন
3. মডেল ডাউনলোড করে লোকাল সার্ভার হিসেবে রান করুন

৫.২ Python AI/ML স্ট্যাক

# Virtual Environment তৈরি
python -m venv ai-env
ai-env\Scripts\activate  # Windows
source ai-env/bin/activate  # Linux

# প্রয়োজনীয় প্যাকেজ ইনস্টল
pip install torch torchvision torchaudio --index-url https://download.pytorch.org/whl/cu121
pip install tensorflow transformers datasets langchain langchain-community
pip install jupyterlab matplotlib seaborn pandas numpy scikit-learn

# Jupyter Lab চালু
jupyter lab

৫.৩ LangChain উদাহরণ

# langchain_basic.py
from langchain.llms import Ollama
from langchain.prompts import PromptTemplate
from langchain.chains import LLMChain

# লোকাল Ollama মডেল সেটআপ
llm = Ollama(model="llama3.2:1b")

# প্রম্পট টেম্পলেট
template = """
তুমি একজন সহায়ক এসিস্টেন্ট। নিচের প্রশ্নের উত্তর দাও:

প্রশ্ন: {question}
উত্তর:
"""

prompt = PromptTemplate(template=template, input_variables=["question"])
chain = LLMChain(llm=llm, prompt=prompt)

# কোয়েরি চালানো
question = "ডেভেলপমেন্ট এনভায়রনমেন্ট সেটআপ করার সেরা উপায় কী?"
result = chain.run(question)
print(result)

---

প্রতিটি স্ট্যাকের রিয়েল ওয়ার্ল্ড উদাহরণ

৬.১ ফুল-স্ট্যাক ই-কমার্স অ্যাপ (MERN Stack)

Backend (Node.js + Express + MongoDB):

// server.js
const express = require('express');
const mongoose = require('mongoose');
const cors = require('cors');

const app = express();
app.use(cors());
app.use(express.json());

// MongoDB কানেকশন
mongoose.connect('mongodb://localhost:27017/ecommerce');

// প্রোডাক্ট স키ーマ
const ProductSchema = new mongoose.Schema({
  name: String,
  price: Number,
  description: String,
  image: String
});

const Product = mongoose.model('Product', ProductSchema);

// API রাউটস
app.get('/api/products', async (req, res) => {
  const products = await Product.find();
  res.json(products);
});

app.post('/api/products', async (req, res) => {
  const product = new Product(req.body);
  await product.save();
  res.json(product);
});

app.listen(5000, () => {
  console.log('Server running on port 5000');
});

Frontend (React + Tailwind CSS):

// App.jsx
import React, { useState, useEffect } from 'react';
import axios from 'axios';

function App() {
  const [products, setProducts] = useState([]);
  const [newProduct, setNewProduct] = useState({ name: '', price: 0 });

  useEffect(() => {
    fetchProducts();
  }, []);

  const fetchProducts = async () => {
    const response = await axios.get('http://localhost:5000/api/products');
    setProducts(response.data);
  };

  const addProduct = async () => {
    await axios.post('http://localhost:5000/api/products', newProduct);
    setNewProduct({ name: '', price: 0 });
    fetchProducts();
  };

  return (
    <div className="container mx-auto p-4">
      <h1 className="text-3xl font-bold mb-4">ই-কমার্স অ্যাপ</h1>
      
      <div className="mb-4">
        <input
          type="text"
          placeholder="প্রোডাক্ট নাম"
          value={newProduct.name}
          onChange={(e) => setNewProduct({...newProduct, name: e.target.value})}
          className="border p-2 mr-2"
        />
        <input
          type="number"
          placeholder="দাম"
          value={newProduct.price}
          onChange={(e) => setNewProduct({...newProduct, price: e.target.value})}
          className="border p-2 mr-2"
        />
        <button onClick={addProduct} className="bg-blue-500 text-white p-2">
          প্রোডাক্ট যোগ করুন
        </button>
      </div>

      <div className="grid grid-cols-3 gap-4">
        {products.map(product => (
          <div key={product._id} className="border p-4 rounded">
            <h3 className="font-bold">{product.name}</h3>
            <p>৳{product.price}</p>
          </div>
        ))}
      </div>
    </div>
  );
}

export default App;

৬.২ রিয়েল-টাইম চ্যাট অ্যাপ (Vue.js + Socket.io)

// server.js (Socket.io backend)
const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

io.on('connection', (socket) => {
  console.log('User connected:', socket.id);

  socket.on('send-message', (message) => {
    io.emit('receive-message', {
      id: socket.id,
      message: message,
      timestamp: new Date().toLocaleTimeString()
    });
  });

  socket.on('disconnect', () => {
    console.log('User disconnected:', socket.id);
  });
});

server.listen(3001, () => {
  console.log('Chat server running on port 3001');
});

---

ভাল অভ্যাস, নিরাপত্তা ও কনফিগারেশন টিপস

৭.১ ডেভেলপমেন্ট বেস্ট প্র্যাকটিসেস

Environment Variables ম্যানেজমেন্ট:

# .env ফাইল
DATABASE_URL="mongodb://localhost:27017/myapp"
JWT_SECRET="your-secret-key"
API_KEY="your-api-key"

# .gitignore এ যোগ করুন
.env
*.env.local

Git হুকস ফর অটোমেশন:

# .husky/pre-commit
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"

npm run lint
npm run test

# package.json
{
  "scripts": {
    "prepare": "husky install",
    "lint": "eslint .",
    "test": "jest"
  }
}

৭.২ নিরাপত্তা টিপস

// Express.js সিকিউরিটি মিডলওয়্যার
const helmet = require('helmet');
const rateLimit = require('express-rate-limit');

app.use(helmet());

const limiter = rateLimit({
  windowMs: 15 * 60 * 1000, // 15 minutes
  max: 100 // limit each IP to 100 requests per windowMs
});
app.use(limiter);

// CORS সেটআপ
app.use(cors({
  origin: process.env.ALLOWED_ORIGINS || 'http://localhost:3000',
  credentials: true
}));

৭.৩ পারফরম্যান্স অপ্টিমাইজেশন

# Multi-stage Dockerfile
FROM node:22-alpine AS builder
WORKDIR /app
COPY package*.json ./
RUN npm ci --only=production

FROM node:22-alpine
WORKDIR /app
COPY --from=builder /app/node_modules ./node_modules
COPY . .
USER node
EXPOSE 3000
CMD ["node", "server.js"]

---

সাধারণ সমস্যা ও সমাধান

৮.১ কমন ইস্যু ও ফিক্স

পোর্ট কনফ্লিক্ট:

# Linux/Mac -哪个进程使用了端口
sudo lsof -i :3000

# Windows
netstat -ano | findstr :3000

# পোর্ট পরিবর্তন
npm start -- --port 3001

Permission Errors (Linux):

# Node_modules permission
sudo chown -R $USER:$USER node_modules

# Global package permission
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc

Dependency Conflicts:

# Package-lock.json রিমুভ করে রিইনস্টল
rm -rf node_modules package-lock.json
npm install

# Or use npm ci for clean install
npm ci

৮.২ ডিবাগিং টিপস

VS Code ডিবাগ কনফিগারেশন:

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch Node.js",
      "type": "node",
      "request": "launch",
      "program": "${workspaceFolder}/server.js",
      "console": "integratedTerminal"
    },
    {
      "name": "Chrome Debug",
      "type": "chrome",
      "request": "launch",
      "url": "http://localhost:3000"
    }
  ]
}

---

সারাংশ ও পরবর্তী ধাপ

৯.১ অ্যাকশন প্ল্যান

1. বেসিক সেটআপ কমপ্লিট করুন: Git, Node.js, VS Code
2. প্রথম প্রজেক্ট শুরু করুন: React/Vue বা Express.js
3. ডাটাবেস কানেক্ট করুন: MongoDB/PostgreSQL
4. ডেপ্লয়মেন্ট শিখুন: Docker, Vercel, Netlify
5. এআই ইন্টিগ্রেশন: LangChain, Ollama

৯.২ লার্নিং রিসোর্স

· MDN Web Docs: Web technologies reference · React Documentation: Official React docs · Node.js Guides: Node.js best practices · FreeCodeCamp: Free coding tutorials · Coursera/edX: University-level courses

৯.৩ নেক্সট স্টেপস

# আপনার সেটআপ ভ্যালিডেশন চেকলিস্ট
node --version          # ✅ v22.x
npm --version           # ✅ 10.x+
docker --version        # ✅ 24.x+
git --version           # ✅ 2.4.x+

# টেস্ট প্রজেক্ট তৈরি
npx create-test-app@latest
cd test-app
npm run dev

---

রেফারেন্স

🔗 অফিসিয়াল ডকুমেন্টেশন

· Node.js Docs · React Documentation · Python Official · Docker Docs · MDN Web Docs

🛠️ টুলস & ইউটিলিটিজ

· VS Code · Git Download · Docker Desktop · Postman · Ollama

📚 লার্নিং প্ল্যাটফর্ম

· FreeCodeCamp · The Odin Project · Coursera · edX

---

🎯 ভার্সন ১.০ স্পেশাল নোটস

এই গাইডটি ভার্সন কন্ট্রোল এর আন্ডারে তৈরি করা হয়েছে। পরবর্তী আপডেটে নিচের বিষয়গুলো যোগ করা হবে:

· Kubernetes এডভান্সড কনফিগারেশন · মাইক্রোসার্ভিস আর্কিটেকচার · Serverless ফাংশনস (AWS Lambda, Vercel) · GraphQL এপিআই ডিজাইন · Web3 ও Blockchain ডেভেলপমেন্ট · AR/VR ডেভেলপমেন্ট সেটআপ

ভার্সন ১.০ - শেষ আপডেট: জানুয়ারি ২০২৫

📝 এই ডকুমেন্টটি ওপেন সোর্স। কন্ট্রিবিউশন ও সুপারিশের জন্য GitHub রেপো ভিজিট করুন।