Halo Pixa

Halo Pixa

Pindah ke App Router Nextjs Bikin Kode Lebih Bersih atau Cuma Kebiasaan Baru Aja

Pindah ke App Router Nextjs Bikin Kode Lebih Bersih atau Cuma Kebiasaan Baru Aja

Buat kalian yang sudah lama main di ekosistem Next.js, pasti ingat banget masa-masa Pages Router. Semuanya serba useEffect, useState, dan kalau mau server-side rendering (SSR) atau static site generation (SSG), kita harus pintar-pintar main di getServerSideProps atau getStaticProps. Strukturnya simpel: satu file, satu route. Lalu datanglah
Halo Pixa 5 min read

Ngelacak State ReactJS yang Hilang Studi Kasus Kapan Kamu Butuh Context atau Recoil

Pernah nggak sih kamu lagi asyik ngoding React, tiba-tiba data yang harusnya ada malah hilang entah kemana? Atau lebih parah lagi, kamu cuma update satu komponen kecil, eh tau-tau seluruh halaman ikutan nge-re-render kayak kena gempa bumi? Fenomena ini adalah masalah klasik yang sering banget ditemui
Halo Pixa 6 min read
Jangan salah render! Pahami Kapan Harus Pakai `use client` dan Kapan Server Component di Next.js

Jangan salah render! Pahami Kapan Harus Pakai `use client` dan Kapan Server Component di Next.js

Pernah enggak sih, lagi asyik ngoding Next.js dengan App Router yang baru, tiba-tiba proyek kamu error dengan pesan klasik: "ReferenceError: window is not defined," atau malah performa loading awal jadi terasa berat? Rasanya seperti lagi bikin kopi, tapi ternyata bubuk kopi yang kamu pakai itu garam.
Halo Pixa 6 min read
Tingkatkan Kecepatan Website Kamu di Next.js Dengan Lazy Loading Gambar dan Placeholder

Tingkatkan Kecepatan Website Kamu di Next.js Dengan Lazy Loading Gambar dan Placeholder

Pernah nggak sih kamu merasa kesal pas lagi asyik browsing website, eh tiba-tiba gambarnya muncul satu per satu dengan lambat? Atau malah layout-nya jadi berantakan karena gambar belum ke-load sempurna? Rasanya bete banget, kan? Apalagi di era digital serba cepat kayak sekarang, performa website itu bukan cuma
Halo Pixa 7 min read
Gimana Aku Bikin Type-Safe API Parsing di Proyek Gede TypeScript Tanpa Ngandelin Zod

Gimana Aku Bikin Type-Safe API Parsing di Proyek Gede TypeScript Tanpa Ngandelin Zod

Aku mau cerita sedikit nih, tentang salah satu tantangan paling "ngeselin" tapi juga paling vital dalam proyek-proyek besar berbasis TypeScript: parsing data API secara type-safe. Kenapa ini penting? Karena di dunia nyata, API itu jahat. Data yang kamu terima dari backend (entah itu REST atau GraphQL)
Halo Pixa 5 min read