Deployment Guide for Enfuse.io Static Website

This guide will help you deploy the static Enfuse.io website to GitHub Pages or any other static hosting service.

GitHub Pages Deployment

Method 1: Direct Upload to GitHub

  1. Create a new repository on GitHub
  2. Upload all files from this directory to the repository
  3. Enable GitHub Pages:
    • Go to repository Settings
    • Scroll down to “Pages” section
    • Select “Deploy from a branch”
    • Choose “main” branch and “/ (root)” folder
    • Click “Save”
  4. Access your site at https://yourusername.github.io/repository-name

Method 2: Using Git Commands

  1. Initialize git repository: 
    git init
git add .
git commit -m "Initial commit"
  2. Add remote repository: 
    git remote add origin https://github.com/yourusername/your-repo-name.git
  3. Push to GitHub: 
    git branch -M main
git push -u origin main
  4. Enable GitHub Pages (same as Method 1)

Other Hosting Services

Netlify

  1. Drag and drop the entire folder to Netlify’s deploy area
  2. Or connect your GitHub repository for automatic deployments

Vercel

  1. Install Vercel CLI: npm i -g vercel
  2. Run vercel in the project directory
  3. Follow the prompts

AWS S3 + CloudFront

  1. Upload all files to an S3 bucket
  2. Enable static website hosting
  3. Configure CloudFront distribution
  4. Set up custom domain (optional)

Pre-Deployment Checklist

  • Update contact information in all HTML files
  • Replace Google Analytics tracking ID with your own
  • Test all contact forms
  • Verify all images are loading correctly
  • Check mobile responsiveness
  • Test search functionality
  • Verify avatar chat widget is working

Post-Deployment

  1. Test the live site thoroughly
  2. Set up monitoring (Google Analytics, etc.)
  3. Configure custom domain (if desired)
  4. Set up SSL certificate (usually automatic with modern hosting)

Customization

Updating Contact Information

Search and replace the following in all HTML files:

Updating Google Analytics

Replace G-YFQDG93JEC with your tracking ID in all HTML files.

Update the social media URLs in the footer section of all HTML files.

Troubleshooting

Images Not Loading

  • Check file paths are correct
  • Ensure images are in the images/ directory
  • Verify file permissions

Forms Not Working

  • Test mailto links in different browsers
  • Consider using a form service like Formspree or Netlify Forms

Mobile Issues

  • Test on actual devices
  • Check viewport meta tag
  • Verify responsive CSS

Support

For technical support with this static website:

File Structure

/
├── index.html              # Homepage
├── services.html           # Services page
├── contact.html            # Contact page
├── cloudberry.html         # Cloudberry product page
├── aventic.html           # Aventic product page
├── styles.css             # Main stylesheet
├── script.js              # JavaScript functionality
├── images/                # All images
├── README.md              # Project documentation
├── DEPLOYMENT.md          # This file
└── .gitignore            # Git ignore rules

Performance Optimization

The website is already optimized for performance with:

  • Minified CSS and JavaScript
  • Optimized images (WebP format)
  • Lazy loading for images
  • Efficient font loading
  • Responsive design

Security Considerations

  • All forms use client-side validation
  • No server-side processing required
  • Static files are inherently secure
  • Consider adding CSP headers if needed