SvelteKitTypeScriptTailwind CSSParaglide JS

Portfolio Nurul Fitri

Portfolio Nurul Fitri

Project Info

Timeline

April 2026 - Present

Type

public

Main Technologies

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

Tantangan

Sebagai proyek spesial untuk istri saya, ada motivasi lebih untuk memberikan pengalaman digital yang benar-benar luar biasa. Peran administrasi pemasaran membutuhkan tingkat organisasi dan perhatian terhadap detail yang tinggi. Tantangannya adalah menciptakan kehadiran digital yang mencerminkan kualitas-kualitas tersebut—profesional, efisien, dan menarik secara visual—sambil memastikan situs tetap cepat dan dapat diakses di semua perangkat.

Implementasi Teknis

Proyek ini dibangun menggunakan ekosistem Svelte 5 terbaru. Dengan memanfaatkan SvelteKit, kami mencapai keseimbangan sempurna antara rendering sisi server untuk SEO dan transisi sisi klien untuk pengalaman pengguna yang mulus.

Fitur Utama:

  • Svelte 5 Runes: Mengimplementasikan $state dan $derived untuk mengelola status UI seperti pergantian tema dan navigasi.
  • Dukungan Multibahasa: Mengintegrasikan Paraglide JS untuk memungkinkan pengunjung beralih antara bahasa Indonesia dan Inggris, memperluas jangkauan profesionalnya.
  • Desain Responsif: Menggunakan Tailwind CSS untuk membangun tata letak mobile-first yang terlihat premium di desktop maupun smartphone.
  • UI Glassmorphism: Menerapkan tren desain modern dengan efek blur halus dan tipografi yang elegan.

Hasil Akhir

Portofolio ini berhasil menonjolkan perjalanan profesional dan kompetensi inti Nurul Fitri. Ini berfungsi sebagai platform kokoh yang menunjukkan tidak hanya keahliannya tetapi juga komitmennya terhadap profesionalisme melalui pengalaman digital berkualitas tinggi.

© Kevin Agustiansyah - 2024 - 2026