Next.js, MongoDB & Clerk Uygulamanızı Hostinger VPS’de Özel Alt Alan Adıyla Barındırma
Bu rehberde, Next.js, MongoDB ve Clerk kullanarak geliştirdiğiniz uygulamayı Hostinger VPS’ye nasıl dağıtacağınızı adım adım açıklayacağız. Özel bir alt alan adı kullanarak uygulamanızı profesyonelce sunmayı öğreneceksiniz. Başlamadan önce, bir Hostinger VPS hesabınızın, MongoDB ve Clerk hesaplarınızın olması gerektiğini unutmayın. Ayrıca temel düzeyde Linux komut satırı bilgisine sahip olmanız faydalı olacaktır.
1. Sunucu Hazırlığı:
Öncelikle, Hostinger VPS’nizde gerekli yazılımları kurmanız gerekiyor. SSH kullanarak sunucunuza bağlanın. Sonrasında Node.js ve npm’yi (veya yarn) yükleyin. Bunun için dağıtımınıza uygun komutları kullanabilirsiniz. Örneğin, Ubuntu için:
sudo apt update
sudo apt install nodejs npm
Ardından, MongoDB için bir veritabanı kurmanız gerekecek. Bu adım, MongoDB’nin kurulumuna ve konfigürasyonuna bağlıdır. Detaylı bilgi için MongoDB dokümantasyonuna bakabilirsiniz. Uygulamanızın veritabanıyla sorunsuz çalışmasını sağlamak için doğru bağlantı dizelerini ayarlayın.
2. Uygulama Dağıtımı:
Next.js uygulamanızı sunucuya taşımak için öncelikle uygulamanızı derlemeniz gerekmektedir. Projenizin kök dizininde aşağıdaki komutu çalıştırın:
npm run build
Derleme işlemi tamamlandıktan sonra, oluşturulan out (veya benzeri) klasörünü sunucunuza kopyalamanız gerekmektedir. Bunun için SCP veya rsync gibi araçları kullanabilirsiniz. SCP örneği:
scp -r ./out kullanıcı_adı@sunucu_ip_adresi:/var/www/html/
Burada, kullanıcı_adı ve sunucu_ip_adresi değerlerini kendi bilgilerinizle değiştirmeniz gerekmektedir. Ayrıca, uygulamanızın dosyalarının kaydedileceği dizini ayarlayabilirsiniz. /var/www/html/ genel bir dizindir, bunu kendi ihtiyaçlarınıza göre değiştirebilirsiniz.
3. Nginx Konfigürasyonu:
Uygulamanızı doğru bir şekilde çalıştırmak için Nginx web sunucusunu yapılandırmanız gerekiyor. Bir konfigürasyon dosyası oluşturun (örneğin, /etc/nginx/sites-available/my-nextjs-app) ve aşağıdaki gibi düzenleyin:
server {
listen 80;
server_name sizin.alt.alanadınız.com;
root /var/www/html;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}
}
Bu konfigürasyonda, sizin.alt.alanadınız.com yerine kendi özel alt alan adınızı yazmalısınız. Konfigürasyonu kaydettikten sonra, Nginx’i yeniden başlatın:
sudo systemctl restart nginx
4. Clerk Entegrasyonu ve MongoDB Bağlantısı:
Uygulamanızın Clerk ve MongoDB ile sorunsuz çalıştığından emin olun. Clerk’e ait API anahtarlarını ve MongoDB bağlantı dizelerini doğru şekilde ayarladığınızdan emin olmanız kritiktir. Bu bilgiler genellikle uygulamanızın çevre değişkenlerinde saklanır. Hostinger VPS’de bu değişkenleri .env dosyası içinde saklayabilir veya sunucunuzun ortam değişkenlerini yönetebilirsiniz.
5. Güvenlik:
Uygulamanızı güvence altına almak önemlidir. Sunucunuzun güncel olduğundan, güvenlik duvarınızın doğru şekilde ayarlandığından ve şifrelerinizi güçlü tuttuğunuzdan emin olun. Ayrıca, gereksiz portları kapatarak ve sadece gerekli servisleri çalıştırarak güvenlik risklerini azaltabilirsiniz. Düzenli olarak güvenlik güncellemelerini yapmayı unutmayın.
Sonuç:
Bu rehber, Next.js, MongoDB ve Clerk uygulamalarınızı Hostinger VPS üzerinde özel alt alan adıyla barındırmanıza yardımcı olmayı amaçlıyor. Ancak, bu süreçte karşılaşabileceğiniz sorunlar olabilir. Bu yüzden, detaylı dokümanları incelemeniz ve topluluk forumlarından yardım almanız faydalı olacaktır. Başka bir soru veya sorununuz olursa bana ulaşmaktan çekinmeyin. Daha fazla web geliştirme içeriği için fatihsoysal.com adresini ziyaret edebilirsiniz.
#Etiketler: Next.js, MongoDB, Clerk, Hostinger VPS, özel alt alan adı, hosting, sunucu, barındırma, uygulama dağıtımı, Node.js, React, Nginx, güvenlik