Situs pribadi
Situs ini. Cepat, ringan, dan tersedia dalam tiga bahasa.
Spesifikasi utama
| Framework | Astro 7 |
|---|---|
| Bahasa | Inggris, Prancis, Indonesia |
| Hosting | Cloudflare Workers |
| JavaScript | Hanya untuk mode gelap dan formulir kontak |
| Formulir kontak | Web3Forms + hCaptcha |
| Statistik | Cloudflare Web Analytics, tanpa cookie |
Diagram blok
Gambaran umum
Saya ingin punya situs yang cepat dimuat, mudah diperbarui, dan bisa dibaca teman serta rekan kerja di Prancis, Indonesia, dan tempat lain. Setiap halaman dibuat terlebih dahulu menjadi HTML biasa, jadi tidak ada server yang perlu dirawat.
Tantangan
- Tiga bahasa, satu situs. Setiap halaman tersedia dalam bahasa Inggris, Prancis, dan Indonesia. Pengunjung langsung masuk ke bahasa browser mereka, dan pemilih bahasa membuka halaman yang sama dalam bahasa lain.
- Keamanan tanpa server. Content Security Policy yang ketat memblokir semua skrip yang tidak saya izinkan, jadi setiap layanan luar harus didaftarkan satu per satu.
- Saat situs online. Deploy pertama ke Cloudflare gagal karena ada redirect ganda, dan domain masih mengarah ke halaman parkir registrar saya.
Yang saya pelajari
Bagaimana DNS, redirect, dan worker di edge saling terhubung, dan bahwa situs statis kecil bisa melakukan hampir semua hal yang dilakukan aplikasi web “sungguhan”.