MERN Stack yolculu\u011funuzun 145. g\u00fcn\u00fcnde, basit CRUD projelerini geride b\u0131rak\u0131p ger\u00e7ek d\u00fcnya uygulamalar\u0131n\u0131n performans ve g\u00fcvenlik sorunlar\u0131n\u0131 \u00e7\u00f6zmeye haz\u0131r m\u0131s\u0131n\u0131z? Bir\u00e7ok geli\u015ftirici ilk birka\u00e7 ayda MongoDB, Express, React ve Node.js teknolojilerinin temel prensiplerini kolayca \u00f6\u011frenir. Ancak projeleri canl\u0131ya al\u0131rken ve \u00f6l\u00e7eklendirirken ciddi mimari engellerle kar\u015f\u0131la\u015f\u0131rlar. Bu rehberde, 145 g\u00fcnl\u00fck birikiminizi profesyonel bir seviyeye ta\u015f\u0131mak i\u00e7in odaklanman\u0131z gereken ileri d\u00fczey teknikleri, optimizasyon y\u00f6ntemlerini ve ger\u00e7ek d\u00fcnya senaryolar\u0131n\u0131 ele alaca\u011f\u0131z.<\/p>\n
Web geli\u015ftirme d\u00fcnyas\u0131nda rekabet\u00e7i kalabilmek i\u00e7in sadece kod yazmak yetmez. Yazd\u0131\u011f\u0131n\u0131z kodun g\u00fcvenli, h\u0131zl\u0131 ve s\u00fcrd\u00fcr\u00fclebilir olmas\u0131 gerekir. Bu nedenle, makalemiz boyunca teorik bilgileri pratik kod \u00f6rnekleriyle birle\u015ftirece\u011fiz. Haz\u0131rsan\u0131z, MERN Stack (MongoDB, Express, React, Node.js) ekosisteminin derinliklerine inelim.<\/p>\n
\u00d6ncelikle, buraya kadar g\u00f6sterdi\u011finiz kararl\u0131l\u0131k i\u00e7in kendinizi tebrik etmelisiniz. Muhtemelen \u015fimdiye kadar onlarca Todo uygulamas\u0131, basit blog siteleri veya hava durumu uygulamalar\u0131 geli\u015ftirdiniz. Bu s\u00fcre\u00e7te Library (k\u00fct\u00fcphane) olarak React’\u0131, Framework (yaz\u0131l\u0131m \u00e7er\u00e7evesi) mant\u0131\u011f\u0131nda ise Express’i deneyimlediniz. Ancak kurumsal projelerde i\u015fler sadece veri ekleyip silmekten \u00e7ok daha karma\u015f\u0131kt\u0131r.<\/p>\n
Bu a\u015famada kar\u015f\u0131m\u0131za \u00e7\u0131kan en b\u00fcy\u00fck problem, kod taban\u0131n\u0131n (codebase) b\u00fcy\u00fcmesiyle birlikte y\u00f6netilebilirli\u011fin zorla\u015fmas\u0131d\u0131r. Spagetti kod yap\u0131s\u0131ndan kurtulmak i\u00e7in MVC (Model-View-Controller) veya Clean Architecture (Temiz Mimari) gibi desenleri benimsemeniz gerekir. Bununla birlikte, asenkron i\u015flemleri y\u00f6netmek ve hata kontrol\u00fc (error handling) mekanizmalar\u0131n\u0131 merkezi hale getirmek projenizin sa\u011fl\u0131\u011f\u0131 i\u00e7in hayati \u00f6nem ta\u015f\u0131r.<\/p>\n
Geli\u015fmi\u015f bir MERN uygulamas\u0131nda, backend (arka u\u00e7) klas\u00f6r yap\u0131n\u0131z\u0131n \u015fu \u015fekilde organize edilmesi s\u00fcrd\u00fcr\u00fclebilirli\u011fi art\u0131racakt\u0131r:<\/p>\n
Bu yap\u0131 sayesinde kodunuzu mod\u00fcler hale getirirsiniz. B\u00f6ylece projenize yeni bir geli\u015ftirici dahil oldu\u011funda, hangi kodun nerede oldu\u011funu kolayca bulabilir.<\/p>\n
\u0130lk d\u00f6nemlerde kimlik do\u011frulama (authentication) i\u015flemleri i\u00e7in sadece basit JWT (JSON Web Token) kullanm\u0131\u015f olabilirsiniz. Fakat tek ba\u015f\u0131na kullan\u0131lan ve s\u00fcresi uzun olan Access Token (eri\u015fim belirteci) yap\u0131lar\u0131 b\u00fcy\u00fck bir g\u00fcvenlik a\u00e7\u0131\u011f\u0131 olu\u015fturur. Token \u00e7al\u0131nd\u0131\u011f\u0131 anda, k\u00f6t\u00fc niyetli ki\u015filer sisteme s\u0131n\u0131rs\u0131z eri\u015fim sa\u011flayabilir. Bu sorunu \u00e7\u00f6zmek i\u00e7in Access Token ve Refresh Token (yenileme belirteci) mekanizmas\u0131n\u0131 birlikte kurmal\u0131y\u0131z.<\/p>\n
Sistem \u015fu \u015fekilde \u00e7al\u0131\u015f\u0131r: Access Token k\u0131sa \u00f6m\u00fcrl\u00fcd\u00fcr (\u00f6rne\u011fin 15 dakika) ve bellek \u00fczerinde (memory) tutulur. Refresh Token ise uzun \u00f6m\u00fcrl\u00fcd\u00fcr (\u00f6rne\u011fin 7 g\u00fcn) ve HTTP-Only Cookie (yaln\u0131zca HTTP \u00fczerinden eri\u015filebilen \u00e7erez) olarak taray\u0131c\u0131da saklan\u0131r. Access Token s\u00fcresi doldu\u011funda, arka planda sessizce yeni bir Access Token talep edilir. Bu sayede kullan\u0131c\u0131 deneyimi kesintiye u\u011framadan maksimum g\u00fcvenlik sa\u011flan\u0131r.<\/p>\n
A\u015fa\u011f\u0131daki kod \u00f6rne\u011finde, Express.js \u00fczerinde bu yap\u0131n\u0131n nas\u0131l kurulaca\u011f\u0131n\u0131 g\u00f6rebilirsiniz:<\/p>\n
const jwt = require('jsonwebtoken');\n\n\/\/ Access Token Olu\u015fturma\nconst generateAccessToken = (user) => {\n return jwt.sign({ id: user._id, role: user.role }, process.env.ACCESS_TOKEN_SECRET, {\n expiresIn: '15m'\n });\n};\n\n\/\/ Refresh Token Olu\u015fturma\nconst generateRefreshToken = (user) => {\n return jwt.sign({ id: user._id }, process.env.REFRESH_TOKEN_SECRET, {\n expiresIn: '7d'\n });\n};\n\n\/\/ Refresh Token Kontrol\u00fc ve Yeni Access Token \u00dcretimi\nconst refreshAccessToken = async (req, res) => {\n const refreshToken = req.cookies.refreshToken;\n \n if (!refreshToken) {\n return res.status(401).json({ message: \"Eri\u015fim yetkiniz yok, token bulunamad\u0131.\" });\n }\n\n try {\n const decoded = jwt.verify(refreshToken, process.env.REFRESH_TOKEN_SECRET);\n const newAccessToken = generateAccessToken({ _id: decoded.id, role: decoded.role });\n \n res.status(200).json({ accessToken: newAccessToken });\n } catch (error) {\n res.status(403).json({ message: \"Ge\u00e7ersiz veya s\u00fcresi dolmu\u015f refresh token.\" });\n }\n};\n<\/code><\/pre>\n<\/div>\nBu y\u00f6ntemle, kullan\u0131c\u0131n\u0131n hassas verilerini koruma alt\u0131na al\u0131rken, Cross-Site Scripting (XSS – Siteler Aras\u0131 Betik \u00c7al\u0131\u015ft\u0131rma) sald\u0131r\u0131lar\u0131na kar\u015f\u0131 da g\u00fc\u00e7l\u00fc bir savunma hatt\u0131 olu\u015fturmu\u015f olursunuz. Refresh token’lar\u0131 veritaban\u0131nda saklayarak, istedi\u011finiz zaman bir kullan\u0131c\u0131n\u0131n t\u00fcm oturumlar\u0131n\u0131 sonland\u0131rma (revoke) yetkisine de sahip olabilirsiniz.<\/p>\n
State Management (Durum Y\u00f6netimi) Sava\u015flar\u0131: Redux Toolkit mi, Zustand m\u0131?<\/h2>\n
React taraf\u0131nda uygulama b\u00fcy\u00fcd\u00fck\u00e7e bile\u015fenler aras\u0131 veri aktar\u0131m\u0131 (prop drilling) tam bir kabusa d\u00f6n\u00fc\u015febilir. 145. g\u00fcne geldi\u011finizde, muhtemelen Redux Toolkit ile tan\u0131\u015fm\u0131\u015fs\u0131n\u0131zd\u0131r. Redux Toolkit, React ekosistemindeki en g\u00fc\u00e7l\u00fc ve yayg\u0131n State Management (durum y\u00f6netimi) k\u00fct\u00fcphanesidir. Ancak son y\u0131llarda Zustand gibi daha hafif ve minimalist alternatifler de pop\u00fclerlik kazanm\u0131\u015ft\u0131r.<\/p>\n
Hangi k\u00fct\u00fcphaneyi se\u00e7ece\u011finiz projenizin \u00f6l\u00e7e\u011fine ve ekibinizin yap\u0131s\u0131na ba\u011fl\u0131d\u0131r. A\u015fa\u011f\u0131daki tabloda bu iki pop\u00fcler k\u00fct\u00fcphanenin temel farklar\u0131n\u0131 inceleyelim:<\/p>\n
\n\n\n\u00d6zellik<\/th>\n Redux Toolkit<\/th>\n Zustand<\/th>\n<\/tr>\n<\/thead>\n \n\n\u00d6\u011frenme E\u011frisi<\/td>\n Orta \/ Zor<\/td>\n \u00c7ok Kolay<\/td>\n<\/tr>\n \nBoilerplate (\u015eablon Kod)<\/td>\n Fazla<\/td>\n \u00c7ok Az<\/td>\n<\/tr>\n \nPaket Boyutu<\/td>\n B\u00fcy\u00fck<\/td>\n \u00c7ok K\u00fc\u00e7\u00fck (~1.5KB)<\/td>\n<\/tr>\n \nPerformans<\/td>\n Y\u00fcksek (Se\u00e7iciler ile)<\/td>\n Y\u00fcksek (Do\u011fal olarak h\u0131zl\u0131)<\/td>\n<\/tr>\n \nGeli\u015ftirici Ara\u00e7lar\u0131<\/td>\n M\u00fckemmel (Redux DevTools)<\/td>\n Destekliyor (Middleware ile)<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\nB\u00fcy\u00fck \u00f6l\u00e7ekli, \u00e7ok say\u0131da geli\u015ftiricinin \u00e7al\u0131\u015ft\u0131\u011f\u0131 ve kat\u0131 kurallara ihtiya\u00e7 duyulan kurumsal projelerde Redux Toolkit hala end\u00fcstri standard\u0131d\u0131r. Ancak daha h\u0131zl\u0131 prototip \u00fcretmek istedi\u011finiz, orta \u00f6l\u00e7ekli veya ki\u015fisel projelerde Zustand kullanarak kod kalabal\u0131\u011f\u0131ndan kurtulabilirsiniz. Zustand ile durum y\u00f6netimi kurmak sadece birka\u00e7 sat\u0131r kod s\u00fcrer:<\/p>\n
\nimport create from 'zustand';\n\nconst useStore = create((set) => ({\n user: null,\n setUser: (userData) => set({ user: userData }),\n logout: () => set({ user: null }),\n}));\n\nexport default useStore;\n<\/code><\/pre>\n<\/div>\nG\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi, hi\u00e7bir karma\u015f\u0131k aksiyon (action) veya indirgeyici (reducer) tan\u0131mlamadan do\u011frudan durumunuzu olu\u015fturup bile\u015fenlerinizde kullanmaya ba\u015flayabilirsiniz. Bu durum, geli\u015ftirme s\u00fcrecinizi inan\u0131lmaz derecede h\u0131zland\u0131r\u0131r.<\/p>\n
MongoDB Performans Optimizasyonu: Indexing (Endeksleme) ve Aggregation (K\u00fcmeleme) Pipelines<\/h2>\n
Veritaban\u0131n\u0131zda sadece birka\u00e7 y\u00fcz kay\u0131t varken yazd\u0131\u011f\u0131n\u0131z sorgular\u0131n h\u0131z\u0131 milisaniyeler seviyesindedir. Ancak veritaban\u0131n\u0131z b\u00fcy\u00fcy\u00fcp milyonlarca sat\u0131ra ula\u015ft\u0131\u011f\u0131nda, optimize edilmemi\u015f sorgular sunucunuzun kilitlenmesine neden olur. MongoDB’de performans optimizasyonunun kalbi Indexing (endeksleme) i\u015flemidir.<\/p>\n
E\u011fer kullan\u0131c\u0131lar\u0131n\u0131z\u0131 s\u00fcrekli e-posta adreslerine g\u00f6re sorguluyorsan\u0131z ve bu alanda bir indeks tan\u0131mlamad\u0131ysan\u0131z, MongoDB her sorguda t\u00fcm koleksiyonu ba\u015ftan sona tarar (Collection Scan). Bu sorunu \u00e7\u00f6zmek i\u00e7in ilgili alana indeks eklemeliyiz. Mongoose \u00fczerinde indeks tan\u0131mlamak olduk\u00e7a basittir:<\/p>\n
\nconst userSchema = new mongoose.Schema({\n username: { type: String, required: true },\n email: { type: String, required: true, unique: true, index: true },\n createdAt: { type: Date, default: Date.now }\n});\n<\/code><\/pre>\n<\/div>\nBunun yan\u0131 s\u0131ra, karma\u015f\u0131k raporlama ve veri analizleri i\u00e7in Aggregation Pipelines (veri toplama boru hatlar\u0131) kullanmal\u0131y\u0131z. Aggregation, verileri veritaban\u0131 seviyesinde filtreleyip, gruplay\u0131p, i\u015fleyerek Node.js sunucumuza sadece nihai sonucu g\u00f6ndermemizi sa\u011flar. Bu sayede a\u011f trafi\u011fini ve bellek kullan\u0131m\u0131n\u0131 minimize ederiz.<\/p>\n
\u00d6rne\u011fin, bir e-ticaret uygulamas\u0131nda kategorilere g\u00f6re toplam sat\u0131\u015f miktar\u0131n\u0131 hesaplayan bir aggregation sorgusu \u015fu \u015fekilde yaz\u0131labilir:<\/p>\n
\nconst getCategoryStats = async () => {\n return await Order.aggregate([\n { $match: { status: \"completed\" } }, \/\/ Sadece tamamlanan sipari\u015fleri filtrele\n { $unwind: \"$products\" }, \/\/ \u00dcr\u00fcnler dizisini tekil belgelere ay\u0131r\n { \n $group: { \n _id: \"$products.category\", \n totalSales: { $sum: \"$products.price\" },\n totalQuantity: { $sum: 1 }\n } \n },\n { $sort: { totalSales: -1 } } \/\/ En y\u00fcksek sat\u0131\u015ftan en d\u00fc\u015f\u00fc\u011fe s\u0131rala\n ]);\n};\n<\/code><\/pre>\n<\/div>\nBu sorgu, milyonlarca sipari\u015f verisini Node.js taraf\u0131na \u00e7ekip Array.reduce()<\/code> ile i\u015flemek yerine, i\u015flemi do\u011frudan MongoDB’nin optimize edilmi\u015f motorunda ger\u00e7ekle\u015ftirir ve bize saniyeler i\u00e7inde sonucu d\u00f6ner.<\/p>\nNode.js ve Express Performans\u0131n\u0131 Art\u0131rma: Caching (\u00d6nbelle\u011fe Alma) ve Redis Entegrasyonu<\/h2>\n
Veritaban\u0131 sorgular\u0131n\u0131 optimize etsek bile, baz\u0131 veriler \u00e7ok s\u0131k de\u011fi\u015fmez ama \u00e7ok s\u0131k talep edilir. \u00d6rne\u011fin, bir e-ticaret sitesinin ana sayfas\u0131ndaki kategoriler listesi veya en \u00e7ok satan \u00fcr\u00fcnler her saniye de\u011fi\u015fmez. Bu t\u00fcr verileri her istekte veritaban\u0131ndan \u00e7ekmek yerine Caching (\u00f6nbelle\u011fe alma) mekanizmas\u0131yla bellekte tutmal\u0131y\u0131z.<\/p>\n
Redis, bu i\u015flem i\u00e7in bi\u00e7ilmi\u015f kaftand\u0131r. Bellek i\u00e7i (in-memory) \u00e7al\u0131\u015fan bir anahtar-de\u011fer (key-value) veritaban\u0131 olan Redis, mikro saniyeler seviyesinde okuma h\u0131z\u0131 sunar. Express.js projenizde Redis kullanarak veritaban\u0131 y\u00fck\u00fcn\u00fcz\u00fc %80’e varan oranda azaltabilirsiniz.<\/p>\n
A\u015fa\u011f\u0131da, basit bir Redis \u00f6nbellekleme ara yaz\u0131l\u0131m\u0131 (middleware) \u00f6rne\u011fi yer almaktad\u0131r:<\/p>\n
\nconst redis = require('redis');\nconst client = redis.createClient();\n\nconst cacheMiddleware = async (req, res, next) => {\n const { category } = req.query;\n const cacheKey = products:${category}<\/code>;\n\n try {\n const cachedData = await client.get(cacheKey);\n if (cachedData) {\n return res.status(200).json(JSON.parse(cachedData));\n }\n \/\/ \u00d6nbellekte yoksa bir sonraki fonksiyona ge\u00e7 (veritaban\u0131ndan \u00e7ekecek)\n req.cacheKey = cacheKey;\n next();\n } catch (err) {\n next(); \/\/ Redis hatas\u0131 durumunda uygulamay\u0131 durdurma, DB'den devam et\n }\n};\n<\/code><\/pre>\n<\/div>\nVeritaban\u0131ndan veriyi \u00e7ektikten sonra client.setEx(cacheKey, 3600, JSON.stringify(data))<\/code> komutuyla veriyi 1 saatli\u011fine Redis’e kaydedebilirsiniz. B\u00f6ylece sonraki istekler do\u011frudan bellekten kar\u015f\u0131lanacakt\u0131r.<\/p>\nGer\u00e7ek D\u00fcnya Senaryosu: T\u00fcrkiye\u2019deki Bir E-Ticaret Giri\u015fiminin \u00d6l\u00e7eklenme Hikayesi<\/h2>\n
Gelin, \u00f6\u011frendiklerimizi somutla\u015ft\u0131rmak i\u00e7in yerel bir vaka analizine (case study) g\u00f6z atal\u0131m. T\u00fcrkiye pazar\u0131nda faaliyet g\u00f6steren ve MERN Stack kullanan “ModaTrend” ad\u0131nda bir giyim giri\u015fimi d\u00fc\u015f\u00fcnelim. \u015eirket, b\u00fcy\u00fck bir indirim d\u00f6nemi olan “Efsane Cuma” kampanyas\u0131nda saniyede binlerce istek almaya ba\u015flad\u0131. Ancak sistemleri bu y\u00fck\u00fc kald\u0131ramad\u0131 ve \u00e7\u00f6kt\u00fc.<\/p>\n
Yap\u0131lan incelemelerde \u015fu sorunlar tespit edildi:<\/p>\n
\n- Kullan\u0131c\u0131lar her ana sayfaya girdi\u011finde MongoDB’deki 50.000 \u00fcr\u00fcn aras\u0131ndan rastgele sorgular yap\u0131l\u0131yordu ve bu sorgularda indeks kullan\u0131lm\u0131yordu.<\/li>\n
- React taraf\u0131nda, sepet g\u00fcncellendi\u011finde t\u00fcm sayfa gereksiz yere yeniden i\u015fleniyordu (re-render) ve bu durum taray\u0131c\u0131lar\u0131 kilitliyordu.<\/li>\n
- G\u00f6rseller optimize edilmeden do\u011frudan orijinal boyutlar\u0131yla y\u00fcklendi\u011fi i\u00e7in bant geni\u015fli\u011fi (bandwidth) limitleri a\u015f\u0131lm\u0131\u015ft\u0131.<\/li>\n<\/ol>\n
M\u00fchendislik ekibi, 145 g\u00fcnl\u00fck bir geli\u015ftiricinin sahip olmas\u0131 gereken vizyonla \u015fu \u00e7\u00f6z\u00fcmleri uygulad\u0131:<\/p>\n
\u00d6ncelikle, MongoDB taraf\u0131nda \u00fcr\u00fcn arama sorgular\u0131 i\u00e7in bile\u015fik indeksler (compound indexes) olu\u015fturuldu. Ard\u0131ndan, en \u00e7ok ziyaret edilen kategori sayfalar\u0131 i\u00e7in Redis \u00f6nbellekleme sistemi devreye al\u0131nd\u0131. React taraf\u0131nda ise gereksiz render i\u015flemlerini engellemek amac\u0131yla React.memo<\/code>, useMemo<\/code> ve useCallback<\/code> kancalar\u0131 (hooks) kullan\u0131ld\u0131. G\u00f6rseller i\u00e7in ise AWS S3 ve Cloudflare CDN (\u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131) entegrasyonu yap\u0131larak y\u00fckleme s\u00fcreleri 4 saniyeden 0.8 saniyeye d\u00fc\u015f\u00fcr\u00fcld\u00fc.<\/p>\nSonu\u00e7 olarak, ModaTrend bir sonraki indirim d\u00f6nemini s\u0131f\u0131r kesinti ve %30 daha az sunucu maliyetiyle tamamlamay\u0131 ba\u015fard\u0131. Bu vaka analizi bize, do\u011fru mimari kararlar\u0131n \u015firketlerin kaderini nas\u0131l etkiledi\u011fini a\u00e7\u0131k\u00e7a g\u00f6stermektedir.<\/p>\n
Canl\u0131ya Al\u0131\u015f (Deployment) S\u00fcre\u00e7leri: PM2, Nginx ve Docker ile \u00dcretime Haz\u0131rl\u0131k<\/h2>\n
Uygulaman\u0131z\u0131 yerel bilgisayar\u0131n\u0131zda (localhost) \u00e7al\u0131\u015ft\u0131rmak kolayd\u0131r. Ancak onu ger\u00e7ek kullan\u0131c\u0131lar\u0131n eri\u015febilece\u011fi g\u00fcvenli ve kesintisiz bir sunucu ortam\u0131na ta\u015f\u0131mak tamamen farkl\u0131 bir uzmanl\u0131k gerektirir. \u00dcretim ortam\u0131nda (production environment) Node.js uygulaman\u0131z\u0131n arka planda s\u00fcrekli \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flamak i\u00e7in PM2 gibi bir Process Manager (s\u00fcre\u00e7 y\u00f6neticisi) kullanmal\u0131s\u0131n\u0131z.<\/p>\n
PM2, uygulaman\u0131z \u00e7\u00f6kt\u00fc\u011f\u00fcnde onu otomatik olarak yeniden ba\u015flat\u0131r ve sunucunun t\u00fcm i\u015flemci \u00e7ekirdeklerini (cluster mode) kullanman\u0131za olanak tan\u0131r. Sunucu \u00f6n\u00fcnde ise gelen istekleri y\u00f6nlendirmek, SSL sertifikalar\u0131n\u0131 y\u00f6netmek ve statik dosyalar\u0131 h\u0131zl\u0131ca sunmak i\u00e7in Nginx’i Reverse Proxy (ters vekil sunucu) olarak konumland\u0131rmal\u0131s\u0131n\u0131z.<\/p>\n
E\u011fer uygulaman\u0131z\u0131n farkl\u0131 sunucularda da her zaman ayn\u0131 \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 istiyorsan\u0131z, Docker kullanarak konteynerle\u015ftirme (containerization) yapmal\u0131s\u0131n\u0131z. Docker, “benim bilgisayar\u0131mda \u00e7al\u0131\u015f\u0131yordu ama sunucuda \u00e7al\u0131\u015fm\u0131yor” sorununu tamamen ortadan kald\u0131r\u0131r.<\/p>\n
MERN projenizin backend k\u0131sm\u0131 i\u00e7in haz\u0131rlayabilece\u011finiz \u00f6rnek bir Dockerfile \u015fu \u015fekildedir:<\/p>\n
\nFROM node:18-alpine\n\nWORKDIR \/usr\/src\/app\n\nCOPY package*.json .\/\n\nRUN npm install --only=production\n\nCOPY . .\n\nEXPOSE 5000\n\nCMD [\"node\", \"server.js\"]\n<\/code><\/pre>\n<\/div>\nBu Dockerfile, uygulaman\u0131z i\u00e7in hafif bir Linux imaj\u0131 olu\u015fturur, sadece \u00fcretim ba\u011f\u0131ml\u0131l\u0131klar\u0131n\u0131 kurar ve uygulaman\u0131z\u0131 g\u00fcvenli bir \u015fekilde \u00e7al\u0131\u015ft\u0131r\u0131r. Bu sayede projenizi AWS, DigitalOcean veya Heroku gibi bulut sa\u011flay\u0131c\u0131lara saniyeler i\u00e7inde sorunsuz bir \u015fekilde da\u011f\u0131tabilirsiniz.<\/p>\n
S\u0131k\u00e7a Sorulan Sorular (FAQ)<\/h2>\nMERN Stack projelerinde SEO sorununu nas\u0131l \u00e7\u00f6zerim?<\/h3>\n
React varsay\u0131lan olarak bir Single Page Application (SPA – Tek Sayfa Uygulamas\u0131) oldu\u011fu i\u00e7in istemci taraf\u0131nda render (client-side rendering) yapar. Bu durum arama motoru botlar\u0131n\u0131n sitenizi taramas\u0131n\u0131 zorla\u015ft\u0131r\u0131r. \u00c7\u00f6z\u00fcm olarak, Next.js framework’\u00fcne ge\u00e7i\u015f yaparak Server-Side Rendering (SSR – Sunucu Tarafl\u0131 \u0130\u015fleme) kullanabilir veya React Helmet ve prerendering servislerinden yararlanabilirsiniz.<\/p>\n
MongoDB \u015fifrelerimi ve API anahtarlar\u0131m\u0131 nas\u0131l korumal\u0131y\u0131m?<\/h3>\n
Kesinlikle hassas bilgilerinizi kodunuzun i\u00e7ine do\u011frudan yazmay\u0131n ve GitHub gibi platformlara y\u00fcklemeyin. Bunun yerine projenizin k\u00f6k dizininde bir .env<\/code> dosyas\u0131 olu\u015fturup bilgileri burada saklay\u0131n ve bu dosyay\u0131 .gitignore<\/code> dosyas\u0131na ekleyin. Node.js taraf\u0131nda bu verilere ula\u015fmak i\u00e7in dotenv<\/code> k\u00fct\u00fcphanesini kullanabilirsiniz.<\/p>\nMERN Stack \u00f6\u011frenirken SQL veritabanlar\u0131n\u0131 da \u00f6\u011frenmeli miyim?<\/h3>\n
Evet, kesinlikle \u00f6\u011frenmelisiniz. MongoDB harika bir NoSQL veritaban\u0131d\u0131r ancak ili\u015fkisel veri modelleri (\u00f6rne\u011fin finansal sistemler, karma\u015f\u0131k kullan\u0131c\u0131 ili\u015fkileri) i\u00e7in PostgreSQL veya MySQL gibi SQL veritabanlar\u0131 \u00e7ok daha uygundur. Profesyonel bir MERN geli\u015ftiricisi, projenin ihtiyac\u0131na g\u00f6re do\u011fru veritaban\u0131 teknolojisini se\u00e7ebilmelidir.<\/p>\n
#MERNStack #WebGeli\u015ftirme #Yaz\u0131l\u0131m #ReactJS #NodeJS<\/p>\n