Rizki's Portfolio Website
Ini adalah website portofolio saya yang sekarang sedang anda lihat. Website ini adalah tempat atau wadah untuk mempublikasikan hasil-hasil pekerjaan yang sudah saya kerjakan. Pada website ini juga saya akan sering membagikan pengalaman menarik dalam hal pekerjaan atau kehidupan saya dalam bentuk artikel. Website ini juga menjadi salah satu tempat saya bereksperimen dalam pengembangan website.
Apa saja yang saya kerjakan pada project ini
Pada website ini saya berusaha untuk mengoptimalkan sisi frontend dengan menggunakan library/framework yang belum pernah saya gunakan sebelumnya. Saya berperan sebagai UI Desainer dan juga Developer pada website ini. Saya menggunakan i18next untuk membuat website dengan multi-bahasa, animasi menggunakan framer motion, dan juga light and dark mode pada tailwindcss.
React
NextJS
Framer Motion
Typescript
Tailwindcss
i18next
Challenges
Tantangan utama yang saya hadapi dalam proses pembuatan website ini adalah bagaimana cara mengimplementasikan i18next dengan NextJS. Saya belajar bagaimana cara membuat 1 website yang memiliki multi-bahasa dengan internasional routing secara efisien.
Saya juga belajar dalam mengimplementasikan penggunaan fitur dark mode dalam TailwindCss. Mulai dari agaimana website bisa mengetahui mode tema yang digunakan oleh device yang menjalankan website ini dan menjadikannya sebagai tema default. Sampai membuat theme switcher button dan hooks agar user dapat mengganti tema light/dark mode.