🌐 Overview
Static website built with pure JavaScript, deployed via GitHub and Netlify, without any frontend framework. Lightweight architecture with external services for advanced features.
⚙️ Frontend
Architecture
- Vanilla JavaScript (no framework)
- Native HTML / CSS
- Direct DOM manipulation
Minimalist approach focused on control and performance.
📚 External Features
📖 Flipbooks
Uses Turn.js to create interactive books with page-flip effects.
🗺️ Mapping
OpenStreetMap integration to display travel destinations interactively.
✉️ Contact form
Email sending via Google Apps Script, used as a lightweight serverless backend.
☁️ Hosting & Deployment
- Hosting: Netlify (global CDN + automatic HTTPS)
- CI/CD: GitHub → Netlify (automatic deployment)
- DNS: OVHcloud (or Cloudflare depending on configuration)
🌍 Domain
- Registrar: OVHcloud
- Internationalized domain name (IDN using punycode)
🔐 Security
- Automatic HTTPS via Netlify
- No exposed backend server
- Isolated Google Apps Script for contact form
- Client-side validation before submission
✉️ Contact backend (Google Apps Script)
Contact form sends emails via Google Apps Script, used as a lightweight serverless backend.
- HTTPS Google Apps Script endpoint
- No backend server maintenance required
- Watch out for quotas and spam protection
📸 Travel photos
Photos are hosted via the ImgBB service, used as an image upload and distribution solution (ImgBB).
- Storage and CDN handled by ImgBB
- Direct image URLs integration
- Fast loading via distributed CDN
- Lightweight approach without custom media backend
Goal: keep a simple, fast, and durable gallery with minimal maintenance overhead.
🚀 Technical philosophy
- Minimal frontend without frameworks
- Specialized external services (maps, email, flipbooks)
- Modular and pragmatic architecture
- Automated deployment via Git