Nginx İle Node.js Ve Next.js Yayınlama Rehberi

Nginx ile Node.js, Modern web uygulamaları geliştirirken performans ve ölçeklenebilirlik kritik öneme sahiptir. Node.js ve Next.js kullanarak geliştirdiğiniz projeleri, yüksek performanslı bir sunucu olan Nginx ile yayınlamak, uygulamanızın hızını artırır ve daha fazla kullanıcıya sorunsuz hizmet vermesini sağlar. Bu rehberde, Nginx kullanarak Node.js ve Next.js projelerinizi nasıl yayınlayacağınızı adım adım öğreneceksiniz.

• Nginx kurulumu ve temel yapılandırması
• Node.js uygulaması için reverse proxy ayarları
• Next.js uygulaması için statik dosya sunumu ve yönlendirme
• SSL sertifikası ile güvenli bağlantı (HTTPS) yapılandırması
• Performans optimizasyonu ve güvenlik önlemleri

Nginx Kurulumu ve Temel Yapılandırma

Nginx’i kurmak için öncelikle işletim sisteminize uygun olan paket yöneticisini kullanmanız gerekir. Örneğin, Ubuntu veya Debian kullanıyorsanız, aşağıdaki komutları kullanabilirsiniz:

sudo apt update
sudo apt install nginx

Kurulum tamamlandıktan sonra, Nginx’in çalışıp çalışmadığını kontrol etmek için tarayıcınızda sunucunun IP adresini ziyaret edin. Eğer Nginx başarıyla kurulduysa, varsayılan Nginx karşılama sayfasını görmelisiniz. Nginx’in temel yapılandırma dosyası genellikle /etc/nginx/nginx.conf veya /etc/nginx/conf.d/default.conf konumunda bulunur. Bu dosyayı düzenleyerek sunucunuzun davranışını kontrol edebilirsiniz. Örneğin, sunucunun hangi portu dinleyeceğini, hangi dosyaları sunacağını ve hangi yönlendirmeleri yapacağını belirleyebilirsiniz. Temel bir yapılandırma örneği aşağıda verilmiştir:

server {
 listen 80;
 server_name example.com;
 root /var/www/example.com;
 index index.html index.htm;

 location / {
 try_files $uri $uri/ =404;
 }
}

Bu yapılandırma, example.com adresine gelen istekleri /var/www/example.com dizinindeki dosyalara yönlendirir. Eğer dosya bulunamazsa, 404 hatası döndürür.

Node.js Uygulaması İçin Reverse Proxy Ayarları

Node.js uygulamanızı Nginx üzerinden yayınlamak için reverse proxy kullanmanız gerekir. Reverse proxy, gelen istekleri Node.js uygulamanıza yönlendirir ve uygulamanızın arkaplanda çalışmasını sağlar. Öncelikle, Node.js uygulamanızın bir port üzerinde çalıştığından emin olun. Örneğin, uygulamanız 3000 portunda çalışıyorsa, Nginx yapılandırmasında bu portu belirtmeniz gerekir. Nginx yapılandırma dosyasında aşağıdaki gibi bir blok oluşturun:

server {
 listen 80;
 server_name example.com;

 location / {
 proxy_pass http://localhost:3000;
 proxy_http_version 1.1;
 proxy_set_header Upgrade $http_upgrade;
 proxy_set_header Connection 'upgrade';
 proxy_set_header Host $host;
 proxy_cache_bypass $http_upgrade;
 }
}

Bu yapılandırma, example.com adresine gelen tüm istekleri localhost:3000 adresindeki Node.js uygulamanıza yönlendirir. proxy_set_header direktifleri, WebSocket bağlantıları için gereklidir ve uygulamanızın doğru şekilde çalışmasını sağlar. Yapılandırmayı kaydettikten sonra, Nginx’i yeniden başlatarak değişikliklerin etkinleşmesini sağlayın:

sudo systemctl restart nginx

Artık example.com adresini ziyaret ettiğinizde, Node.js uygulamanızın çalıştığını görmelisiniz. Reverse proxy sayesinde, uygulamanızın güvenliği artar ve Nginx’in performans özelliklerinden faydalanabilirsiniz. Örneğin, Nginx önbellekleme yaparak uygulamanızın daha hızlı yanıt vermesini sağlayabilirsiniz.

Örnek Senaryo: Chat Uygulaması Yayınlama

Diyelim ki basit bir chat uygulaması geliştirdiniz ve bu uygulamayı Nginx üzerinden yayınlamak istiyorsunuz. Uygulamanız 3000 portunda çalışıyor ve WebSocket bağlantıları kullanıyor. Yukarıdaki reverse proxy yapılandırmasını kullanarak uygulamanızı kolayca yayınlayabilirsiniz. Kullanıcılar example.com adresini ziyaret ettiğinde, chat uygulamasına erişebilir ve mesajlaşmaya başlayabilir. Nginx, WebSocket bağlantılarını doğru şekilde yönlendirerek uygulamanızın sorunsuz çalışmasını sağlar.

Next.js Uygulaması İçin Statik Dosya Sunumu ve Yönlendirme

Next.js, React üzerine inşa edilmiş bir framework’tür ve statik dosya sunumu için optimize edilmiştir. Next.js uygulamanızı Nginx üzerinden yayınlamak için öncelikle uygulamanızı statik olarak dışa aktarmanız gerekir. Bunun için next export komutunu kullanabilirsiniz:

next export

Bu komut, uygulamanızın statik dosyalarını out veya export adlı bir dizine kopyalar. Nginx yapılandırmasında bu dizini belirtmeniz gerekir. Nginx yapılandırma dosyasında aşağıdaki gibi bir blok oluşturun:

server {
 listen 80;
 server_name example.com;
 root /var/www/example.com/out;
 index index.html index.htm;

 location / {
 try_files $uri $uri/ =404;
 }
}

Bu yapılandırma, example.com adresine gelen istekleri /var/www/example.com/out dizinindeki dosyalara yönlendirir. try_files direktifi, dosya bulunamazsa 404 hatası döndürür. Yapılandırmayı kaydettikten sonra, Nginx’i yeniden başlatarak değişikliklerin etkinleşmesini sağlayın:

sudo systemctl restart nginx

Artık example.com adresini ziyaret ettiğinizde, Next.js uygulamanızın çalıştığını görmelisiniz. Nginx, statik dosyaları hızlı bir şekilde sunarak uygulamanızın performansını artırır. Ayrıca, Nginx önbellekleme yaparak uygulamanızın daha hızlı yanıt vermesini sağlayabilirsiniz.

Örnek Senaryo: Blog Sitesi Yayınlama

Diyelim ki Next.js kullanarak bir blog sitesi geliştirdiniz ve bu siteyi Nginx üzerinden yayınlamak istiyorsunuz. Blog siteniz statik olarak oluşturulmuş ve out dizininde bulunuyor. Yukarıdaki yapılandırmayı kullanarak blog sitenizi kolayca yayınlayabilirsiniz. Kullanıcılar example.com adresini ziyaret ettiğinde, blog yazılarına erişebilir ve siteyi gezebilir. Nginx, statik dosyaları hızlı bir şekilde sunarak blog sitenizin performansını artırır.

SSL Sertifikası ile Güvenli Bağlantı (HTTPS) Yapılandırması

Web sitenizin güvenliğini sağlamak için SSL sertifikası kullanmanız ve HTTPS üzerinden hizmet vermeniz önemlidir. Let’s Encrypt, ücretsiz SSL sertifikaları sağlayan bir kuruluştur ve Nginx ile kolayca entegre edilebilir. Öncelikle, Let’s Encrypt’in Certbot aracını kurmanız gerekir:

sudo apt install certbot python3-certbot-nginx

Kurulum tamamlandıktan sonra, aşağıdaki komutu kullanarak SSL sertifikası alabilirsiniz:

sudo certbot --nginx -d example.com

Bu komut, Nginx yapılandırmanızı otomatik olarak günceller ve SSL sertifikasını kurar. Certbot, ayrıca sertifikanın otomatik olarak yenilenmesini sağlar. Nginx yapılandırma dosyasında aşağıdaki gibi bir blok oluşturulur:

server {
 listen 80;
 server_name example.com;
 return 301 https://example.com$request_uri;
}

server {
 listen 443 ssl;
 server_name example.com;

 ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem;
 ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem;

 root /var/www/example.com/out;
 index index.html index.htm;

 location / {
 try_files $uri $uri/ =404;
 }
}

Bu yapılandırma, HTTP isteklerini otomatik olarak HTTPS’e yönlendirir ve SSL sertifikasını kullanarak güvenli bağlantı sağlar. Yapılandırmayı kaydettikten sonra, Nginx’i yeniden başlatarak değişikliklerin etkinleşmesini sağlayın:

sudo systemctl restart nginx

Artık https://example.com adresini ziyaret ettiğinizde, web sitenizin güvenli bir bağlantı üzerinden hizmet verdiğini görmelisiniz. SSL sertifikası, kullanıcılarınızın verilerinin güvenliğini sağlar ve web sitenizin güvenilirliğini artırır.

Performans Optimizasyonu ve Güvenlik Önlemleri

Nginx ile Node.js ve Next.js uygulamalarınızı yayınlarken performans optimizasyonu ve güvenlik önlemleri almak önemlidir. İşte bazı ipuçları:

• Önbellekleme: Nginx önbellekleme yaparak statik dosyaların daha hızlı sunulmasını sağlayabilirsiniz.
• Sıkıştırma: Gzip sıkıştırması kullanarak dosyaların boyutunu küçültebilir ve bant genişliğinden tasarruf edebilirsiniz.
• Güvenlik Duvarı: Nginx’i bir güvenlik duvarı olarak kullanarak kötü niyetli saldırıları engelleyebilirsiniz.
• Güncel Tutma: Nginx ve diğer yazılımlarınızı güncel tutarak güvenlik açıklarını kapatabilirsiniz.
• Limit Rate: İstekleri sınırlayarak sunucunuzun aşırı yüklenmesini engelleyebilirsiniz.

Bu önlemler, web sitenizin performansını artırır ve güvenliğini sağlar. Nginx’in yapılandırma dosyası, bu ayarları kolayca yapmanıza olanak tanır. Örneğin, önbellekleme için aşağıdaki gibi bir blok oluşturabilirsiniz:

location ~* .(jpg|jpeg|png|gif|svg|css|js|woff2?)$ {
 expires 30d;
 add_header Cache-Control "public, max-age=2592000";
}

Bu yapılandırma, belirtilen dosya türlerini 30 gün boyunca önbelleğe alır ve tarayıcıların bu dosyaları tekrar tekrar indirmesini engeller.

Nginx ile Node.js ve Next.js Yayınlama: Profesyonel Yaklaşım

Nginx ile Node.js ve Next.js projelerinizi yayınlamak, web uygulamanızın performansını ve güvenliğini artırmak için kritik bir adımdır. Doğru yapılandırma ve optimizasyonlarla, uygulamanızın daha hızlı ve güvenilir bir şekilde çalışmasını sağlayabilirsiniz. Bu rehberde öğrendiğiniz bilgilerle, Nginx’i etkin bir şekilde kullanabilir ve web projelerinizi başarıyla yayınlayabilirsiniz.

Unutmayın, her proje farklıdır ve farklı ihtiyaçları vardır. Bu nedenle, Nginx yapılandırmanızı projenizin özel gereksinimlerine göre ayarlamanız önemlidir. Ayrıca, düzenli olarak performans testleri yaparak uygulamanızın en iyi şekilde çalıştığından emin olun.