Merge pull request #64 from PentabyteDevAlign/config/dns #41
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Deploy Frontend to EC2 | |
| on: | |
| push: | |
| branches: | |
| - dev | |
| paths: | |
| - 'Frontend/**' | |
| - '.github/workflows/deploy-frontend.yml' | |
| jobs: | |
| deploy-frontend: | |
| name: Deploy Frontend with Nginx | |
| runs-on: ubuntu-latest | |
| steps: | |
| - name: Checkout code | |
| uses: actions/checkout@v4 | |
| - name: Deploy to Frontend EC2 | |
| uses: appleboy/ssh-action@master | |
| with: | |
| host: ${{ secrets.FRONTEND_HOST }} | |
| username: ubuntu | |
| key: ${{ secrets.FRONTEND_SSH_KEY }} | |
| script: | | |
| echo "==========================================" | |
| echo "🚀 Starting Frontend Deployment" | |
| echo "==========================================" | |
| echo "📍 Frontend Server: 18.141.166.14" | |
| echo "" | |
| # Navigate to deployment directory | |
| cd /var/www/frontend || exit 1 | |
| # Backup old version (if exists) | |
| if [ -d "DevAlign" ]; then | |
| echo "📦 Backing up current version..." | |
| rm -rf DevAlign-backup | |
| cp -r DevAlign DevAlign-backup | |
| echo "✅ Backup created" | |
| fi | |
| # Clone or pull latest code from dev branch | |
| if [ -d "DevAlign" ]; then | |
| echo "📥 Pulling latest changes from dev branch..." | |
| cd DevAlign | |
| git fetch origin dev | |
| git reset --hard origin/dev | |
| git pull origin dev | |
| else | |
| echo "📥 Cloning repository..." | |
| git clone -b dev https://github.com/PentabyteDevAlign/DevAlign.git | |
| cd DevAlign | |
| fi | |
| echo "✅ Code updated successfully" | |
| echo "" | |
| # Navigate to Frontend directory | |
| cd Frontend | |
| # Use .env.production from repository (it's already in the code) | |
| echo "⚙️ Using production environment from repository..." | |
| if [ -f ".env.production" ]; then | |
| echo "✅ Production environment file found in repository" | |
| cat .env.production | |
| else | |
| echo "⚠️ Warning: .env.production not found in repository" | |
| fi | |
| echo "" | |
| # Install dependencies | |
| echo "📦 Installing dependencies..." | |
| npm install | |
| echo "✅ Dependencies installed" | |
| echo "" | |
| # Build for production | |
| echo "🔨 Building frontend for production..." | |
| npm run build | |
| # Verify build was created | |
| if [ ! -d "dist" ]; then | |
| echo "❌ Build failed - dist folder not found!" | |
| exit 1 | |
| fi | |
| echo "✅ Build complete" | |
| echo "" | |
| # Show build directory contents | |
| echo "📂 Build output (dist/):" | |
| ls -lh dist/ | head -10 | |
| echo "" | |
| # Copy build to nginx serve directory | |
| echo "📋 Deploying build to Nginx..." | |
| sudo rm -rf /var/www/html/* | |
| sudo cp -r dist/* /var/www/html/ | |
| echo "✅ Build deployed to /var/www/html/" | |
| echo "" | |
| # Set proper permissions | |
| echo "🔐 Setting permissions..." | |
| sudo chown -R www-data:www-data /var/www/html | |
| sudo chmod -R 755 /var/www/html | |
| echo "✅ Permissions set" | |
| echo "" | |
| # Test Nginx configuration | |
| echo "🔍 Testing Nginx configuration..." | |
| sudo nginx -t | |
| # Reload Nginx | |
| echo "🔄 Reloading Nginx..." | |
| sudo systemctl reload nginx | |
| # Check Nginx status | |
| echo "" | |
| echo "📊 Nginx Status:" | |
| sudo systemctl status nginx --no-pager | head -10 | |
| echo "" | |
| echo "==========================================" | |
| echo "✅ Frontend Deployment Complete!" | |
| echo "==========================================" | |
| echo "🌐 Frontend URL: http://18.141.166.14" | |
| echo "🔗 API Endpoint: http://13.250.231.18:5000" | |
| echo "" | |
| echo "📊 Check Nginx logs with:" | |
| echo " sudo tail -f /var/log/nginx/access.log" | |
| echo " sudo tail -f /var/log/nginx/error.log" | |
| echo "" | |
| echo "🔄 Manage Nginx with:" | |
| echo " sudo systemctl status nginx" | |
| echo " sudo systemctl restart nginx" | |
| echo "==========================================" |