Di Balik Layar: Proses Membangun dan Hosting Portofolio Next.js Saya

Mengapa Membangun Ulang Portofolio?

Sebagai seorang developer, portofolio adalah CV digital kita. Portofolio lama saya terasa kurang merepresentasikan kemampuan saya saat ini, terutama dalam teknologi web modern. Oleh karena itu, saya memutuskan untuk membangun ulang portofolio saya dari nol dengan tujuan menciptakan sebuah situs yang tidak hanya cepat dan modern, tetapi juga menjadi platform untuk berbagi pengetahuan melalui blog dan tools interaktif.

Pemilihan Teknologi (The Tech Stack)

Saya memilih tumpukan teknologi modern yang memungkinkan pengembangan yang cepat dan pengalaman pengguna yang luar biasa:

• Framework: Next.js (App Router) - Saya memilih Next.js karena fitur-fitur canggihnya seperti Server Components, optimasi gambar, dan kemudahan routing yang membuat situs menjadi sangat cepat dan SEO-friendly.
• Styling: Tailwind CSS - Untuk styling, saya menggunakan Tailwind CSS karena pendekatan utility-first-nya mempercepat proses desain tanpa harus meninggalkan file HTML saya.
• Animasi: Framer Motion - Agar situs terasa lebih hidup, saya mengandalkan Framer Motion untuk semua animasi, mulai dari transisi halaman hingga efek-efek kecil saat scroll.
• Headless CMS: Sanity.io - Untuk bagian Blog dan Snippets, saya membutuhkan sebuah CMS yang fleksibel. Sanity.io memberikan kebebasan penuh untuk mendefinisikan struktur konten saya sendiri dan memiliki studio penulisan yang sangat nyaman.

Tantangan & Solusi

Setiap proyek pasti memiliki tantangannya. Salah satu tantangan awal adalah mengkonfigurasi Sanity dengan benar di dalam proyek Next.js. Saya sempat mengalami error Sanity configuration is missing projectId or dataset yang persisten. Setelah proses debugging yang teliti, ternyata masalahnya adalah kesalahan ketik kecil pada nama environment variable di file konfigurasi.

Kesimpulan & Rencana ke Depan

Membangun portofolio ini adalah perjalanan belajar yang luar biasa. Saya tidak hanya berhasil membuat "rumah" digital untuk karya-karya saya, tetapi juga mengasah kemampuan dalam teknologi modern.

Ke depannya, saya berencana untuk terus aktif menulis di bagian Blog dan menambahkan lebih banyak tool yang bermanfaat di halaman Snippets dan My Tools.