Teknoloji Blogum: Ağustos 2025

Ben ilk paramı BemsJeans diye bir firmaya web sayfası yaparak kazanmıştım. Sanıyorum henüz ya ortason, veya lise1'de olmam gerek. Bir arkadaşımla birlikte 600USD kazanmıştık projeden. Html ve javascript ile koca siteyi satır satır yazmıştık.

Bugün artık hobi amacı dışında yazılım yapmıyorum fakat merak edip ChatGPT'ye güncel web teknolojilerini derle bakalım dedim. Liste aşağıda.

Benim oğlan da baba madem bu kadar kolay bir de oyun yapalım dedi, ufak bir oyun sitesi yaptık birlikte, sonra vercel'de yayınladık, şu bağlantıdan buyrun: https://egiticioyunlar.vercel.app/

🌐 Node.js

JavaScript’i sunucuda çalıştırma ortamı.
Normalde JS tarayıcıda çalışır; Node sayesinde backend kodunu da JS/TS ile yazarsın.
Yani web sayfanın arka tarafını (API, DB bağlantısı, auth) Node.js üstünde kurabilirsin.

🔤 TypeScript

JavaScript’in tipli versiyonu.
Hataları derleme aşamasında yakalar (örneğin string beklerken number verirsen).
Büyük projede kod güvenliği sağlar.
Çoğu modern JS projesi artık TS tercih ediyor.

⚙️ Express.js (Node için web framework)

Node üstünde en çok kullanılan backend framework.
API endpointlerini (ör. /api/users) kolayca kurarsın.

Örn:

import express from "express"
const app = express()
app.get("/hello", (req,res) => res.send("Hello Fatih"))
app.listen(3000)

🗄️ Prisma

Veritabanı ile iletişim için ORM.
SQL yazmak yerine TS kodu ile DB’den veri alırsın.

🎨 Frontend (tarayıcı tarafı)

HTML + CSS → görsellik.
JavaScript / TypeScript → interaktiflik.
Frameworkler:
- React: Bileşen tabanlı, en popüler.
- Next.js: React üzerine kurulmuş, server + client tek yerde.
- TailwindCSS: Modern ve hızlı CSS framework.

🚀 Deployment (yayınlama)

Küçük projeler için: Vercel (Next.js için müthiş), Netlify.
Daha esnek kontrol: VPS (Hetzner, Contabo, DigitalOcean) veya Railway / Render.