{"id":8321,"date":"2025-01-01T15:45:12","date_gmt":"2025-01-01T12:45:12","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/next-js-nestjs-ve-postgresql-uygulamasini-docker-ve-nginx-ile-dagitma\/"},"modified":"2025-01-01T15:45:12","modified_gmt":"2025-01-01T12:45:12","slug":"next-js-nestjs-ve-postgresql-uygulamasini-docker-ve-nginx-ile-dagitma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/next-js-nestjs-ve-postgresql-uygulamasini-docker-ve-nginx-ile-dagitma\/","title":{"rendered":"Next.js, NestJS ve PostgreSQL Uygulamas\u0131n\u0131 Docker ve Nginx ile Da\u011f\u0131tma"},"content":{"rendered":"

<\/p>\n

Next.js, NestJS ve PostgreSQL Uygulamas\u0131n\u0131 Docker ve Nginx ile Da\u011f\u0131tma<\/p>\n

Merhaba! Bu makalede, Next.js (frontend), NestJS (backend) ve PostgreSQL (veritaban\u0131) kullanan bir uygulaman\u0131n Docker ve Nginx ile nas\u0131l kolayca da\u011f\u0131t\u0131laca\u011f\u0131n\u0131 ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu s\u00fcre\u00e7, uygulaman\u0131z\u0131n tutarl\u0131 ve \u00f6l\u00e7eklenebilir bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar. \u00d6ncelikle, her bir bile\u015fenin Docker imaj\u0131n\u0131 nas\u0131l olu\u015fturaca\u011f\u0131m\u0131z\u0131 ve ard\u0131ndan bunlar\u0131 Nginx ters proxy’si ile nas\u0131l birle\u015ftirece\u011fimizi inceleyece\u011fiz.<\/p>\n

Docker Dosyalar\u0131n\u0131 Haz\u0131rlama<\/h2>\n

Ba\u015flang\u0131\u00e7ta, her bir hizmet (Next.js, NestJS, PostgreSQL) i\u00e7in ayr\u0131 Dockerfile’lar olu\u015fturmal\u0131y\u0131z. Bu dosyalar, her bir servisin \u00e7al\u0131\u015fma ortam\u0131n\u0131 tan\u0131mlar. \u00d6rne\u011fin, Next.js i\u00e7in Dockerfile \u015fu \u015fekilde olabilir:<\/p>\n

\n# Next.js Dockerfile\nFROM node:16-alpine\n\nWORKDIR \/app\n\nCOPY package.json package-lock.json .\/\n\nRUN npm install\n\nCOPY . .\n\nRUN npm run build\n\nEXPOSE 3000\n\nCMD [\"npm\", \"start\"]\n<\/code><\/pre>\n
Benzer \u015fekilde, NestJS ve PostgreSQL i\u00e7in de Dockerfile’lar olu\u015fturman\u0131z gerekecek.  PostgreSQL i\u00e7in, veritaban\u0131 ayarlar\u0131n\u0131 (\u00f6rne\u011fin, kullan\u0131c\u0131 ad\u0131, \u015fifre ve veritaban\u0131 ad\u0131)  docker-compose.yml<\/code> dosyas\u0131nda ayarlayaca\u011f\u0131z.<\/p>\n
docker-compose.yml Dosyas\u0131<\/h2>\n
T\u00fcm servisleri y\u00f6netmek i\u00e7in docker-compose.yml dosyas\u0131n\u0131 kullanaca\u011f\u0131z. Bu dosya, her bir servisin nas\u0131l \u00e7al\u0131\u015ft\u0131r\u0131laca\u011f\u0131n\u0131 ve aralar\u0131ndaki ba\u011flant\u0131lar\u0131 tan\u0131mlar. \u0130\u015fte \u00f6rnek bir docker-compose.yml dosyas\u0131:<\/p>\n
\nversion: \"3.9\"\nservices:\n  db:\n    image: postgres:13\n    environment:\n      POSTGRES_USER: myuser\n      POSTGRES_PASSWORD: mypassword\n      POSTGRES_DB: mydatabase\n    ports:\n      - \"5432:5432\"\n  api:\n    build: .\/backend\n    ports:\n      - \"3001:3001\"\n    depends_on:\n      - db\n    environment:\n      DATABASE_URL: postgres:\/\/myuser:mypassword@db:5432\/mydatabase\n  web:\n    build: .\/frontend\n    ports:\n      - \"3000:3000\"\n    depends_on:\n      - api\n<\/code><\/pre>\n
Bu dosya, PostgreSQL, NestJS (api) ve Next.js (web) servislerini tan\u0131mlar ve aralar\u0131ndaki ba\u011f\u0131ml\u0131l\u0131klar\u0131 belirtir.  \u00d6rne\u011fin, api servisi db servisinden ba\u011f\u0131ml\u0131d\u0131r, yani db \u00e7al\u0131\u015fmadan \u00f6nce api \u00e7al\u0131\u015famaz.<\/p>\n
Nginx Ters Proxy’si<\/h2>\n
Son olarak, Nginx’i t\u00fcm istekleri do\u011fru servise y\u00f6nlendirmek i\u00e7in kullanaca\u011f\u0131z.  Bu, daha iyi performans ve g\u00fcvenlik sa\u011flar.  Nginx konfig\u00fcrasyon dosyas\u0131 (nginx.conf) \u015fu \u015fekilde olabilir:<\/p>\n
\nserver {\n    listen 80;\n    server_name your_domain.com;\n\n    location \/api {\n        proxy_pass http:\/\/api:3001;\n    }\n\n    location \/ {\n        proxy_pass http:\/\/web:3000;\n    }\n}\n<\/code><\/pre>\n
Bu konfig\u00fcrasyon, \/api ile ba\u015flayan istekleri NestJS uygulamas\u0131na, di\u011fer t\u00fcm istekleri ise Next.js uygulamas\u0131na y\u00f6nlendirir.  Nginx’in de Docker ile \u00e7al\u0131\u015ft\u0131r\u0131lmas\u0131 gerekecektir. Bu,  ba\u015fka bir Dockerfile veya  docker-compose.yml dosyas\u0131na eklenerek yap\u0131labilir.<\/p>\n
Da\u011f\u0131t\u0131m S\u00fcreci<\/h2>\n
T\u00fcm dosyalar haz\u0131r olduktan sonra, docker-compose up -d –build komutu ile t\u00fcm servisleri ba\u015flatabilirsiniz. Uygulaman\u0131z art\u0131k Docker container’lar\u0131nda \u00e7al\u0131\u015f\u0131yor olacak.  Bu i\u015flem, uygulaman\u0131z\u0131n farkl\u0131 ortamlarda (geli\u015ftirme, test, \u00fcretim) tutarl\u0131 bir \u015fekilde \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.  Daha fazla \u00f6l\u00e7eklenebilirlik i\u00e7in, Docker Swarm veya Kubernetes gibi ara\u00e7lar\u0131 kullanabilirsiniz.<\/p>\n
Umar\u0131m bu makale yard\u0131mc\u0131 olmu\u015ftur.  Daha fazla bilgi ve \u00f6rnek i\u00e7in fatihsoysal.com<\/a> adresini ziyaret edebilirsiniz.  Ayr\u0131ca, Docker ve ilgili teknolojiler hakk\u0131nda daha fazla bilgi i\u00e7in a\u015fa\u011f\u0131daki kaynaklar\u0131 inceleyebilirsiniz:<\/p>\n