Metin2 Web App Core Geliştirme Konusu / UNIX / Nodejs + Express.js / React + Vite.js

rootrize · 26 Ağu 2025

Kullanılan teknoloji, kombinasyon

Nodejs + Express.js sunucu tarafı (backend)
React + Vite.js kullanıcı arayüzü (frontend)

Paketleri ve teknoloji özelliklerini buraya yazıp kafanızı karıştırmak istemiyorum.

Güvenlik
Her kullanıcı kayıt olduğunda, JWT (JSON Web Token) yeni bir token oluşturur. Kayıt işleminin ardından, kullanıcı e-posta onayı verdiğinde ve bu onayı kabul ettiğinde de bir token döndürülür. Bu mekanizma, geleneksel kayıt ve giriş işlemlerinin yanı sıra sosyal ağlar üzerinden yapılan kayıt ve girişlerde de geçerli olur.

Arayüz
Vite, bileşenleri ve diğer kaynakları sıkıştırılmış şekilde indirir. Bu sayede, tarayıcı sayfalar arasında geçiş yaparken aynı bileşenleri tekrar indirmek zorunda kalmaz, böylece kaynak tüketimi azalır ve performans artar.

Dinamik headless düzenler, her alan için ayrı ayrı tanımlandı. Bu sayede, istenilen alanlar düzenlenirken diğer alanların ayarları bozulmadan kolayca değiştirilebilir.

Dinamik etiketler
burayı düzenleyeceğim.

Kullanıcı etkileşimi
Sosyal Kayıt olmak: Google, Facebook.
Sosyal Giriş yapmak: Google, Facebook.

Ödeme
OyunPAY / dinamik ödeme aç kapa
AmazonPay (köprü) / dinamik ödeme aç kapa
GooglePay (köprü) / dinamik ödeme aç kapa

Markdown destekli yazılar ve tamamen dinamik

Alazul' Alıntı:
Güncelleme

Çekirdek yapısı vite ve react ile değiştirildi!

Lol arayüz klonuna yakın olarak modüler hashing metodolojisi şeklinde değiştirildi.

REACT, VİTE BUİLD

Alazul' Alıntı:
Başlatma komutları yapılandırıldı! Artık backend, frontend komutları birleştirilerek kolayca React ve sunucu taraflı geliştirme, derleme ve başlatma yapılabilir.

[CODE lang="bash" title="Geliştirme"]npm dev[/CODE]
[CODE lang="bash" title="Derleme"]npm build[/CODE]
[CODE lang="bash" title="Başlatma"]npm start[/CODE]
[CODE lang="bash" title="Derleme ve başlatma"]npm build - start[/CODE]

rootrize

eline sağlık güzel

rootrize

Paylaşımınız için teşekkür ederim.

rootrize

bahri3505' Alıntı:
Paylaşımınız için teşekkür ederim.

karali61' Alıntı:
Elinize sağlık

xranzei' Alıntı:
Eline sağlık yapıyosun bu sporu

MOB Games' Alıntı:
Eline saglik bayai guzel calisma olmus tebrik ederim hocam gelismeleri takip etmekteyim iyi çalışmalar

ByMoDuS' Alıntı:
Elinize sağlık, paylaşım için teşekkürler.

Livininq' Alıntı:
Eline sağlık

Değerli yorumlarınız için çok teşekkür ederim,

Güncelleme!

Vite ile tüm blok(etiket) yapıları birleştirilip modulleştirildi, artık tarayıcı Vite nin gücünden faydalanarak her etiket için gelen yapılandırılmış stil modülü kullanacak, konuya dahil ettim.