SvelteKitTailwind CSSTypeScript

Web Portofolio

Web Portofolio

Project Info

Timeline

Juli 2024 - Present

Type

public

Main Technologies

  • SvelteKit
  • Svelte 5
  • Tailwind CSS
  • TypeScript
  • Paraglide JS

Tantangan

Portofolio seorang pengembang harus menjadi bukti keterampilan teknis mereka. Saya ingin membangun sesuatu yang bukan sekadar halaman statis, tetapi sebuah pameran teknologi web modern seperti manajemen state reaktif dan internasionalisasi.

Implementasi Teknis

Saya memilih Svelte 5 untuk memanfaatkan sistem Runes barunya, yang menyediakan cara yang lebih kuat dan eksplisit untuk menangani reaktivitas. Tailwind CSS digunakan untuk pendekatan utility-first dalam menciptakan desain UI premium.

Inovasi Utama:

  • Svelte 5 Runes: Memanfaatkan $state dan $derived untuk aliran data yang efisien di seluruh komponen.
  • Internasionalisasi (i18n): Mengintegrasikan Paraglide JS untuk mendukung berbagai bahasa dengan mulus.
  • TypeScript Ketat: Mencapai keamanan tipe 100% di seluruh proyek untuk reliabilitas maksimal.
  • Static Site Generation (SSG): Dioptimalkan untuk waktu muat yang sangat cepat dan deployment di GitHub Pages.

Hasil Akhir

Portofolio ini berfungsi sebagai kartu nama digital saya, yang berhasil menunjukkan kemampuan saya dalam membangun aplikasi web yang canggih dan siap produksi dengan alat-alat terbaru.

© Kevin Agustiansyah - 2024 - 2026