nextjs
Catatan teknis seputar web development, DevOps, dan integrasi AI.
71 artikel
- 19.06tooling
Satu chat Qwen untuk dua artikel: followup lewat chat URL
Opsi --chat-url bikin translate EN pakai chat Qwen lama, satu chat buat dua artikel, plus pelajaran caching fetch Next.js 15.
TL;DR: Pipeline translate blog penulis awalnya boros kuota karena Qwen membuka chat baru tiap generate. Solusinya opsi --chat-url yang melanjutkan sesi lama, jadi satu chat menghasilkan artikel dua bahasa sekaligus. Bonusnya, penulis belajar caching Next.js 15 yang tak lagi otomatis, sehingga pipeline makin hemat, stabil, dan mudah dirawat.
#automation#qwen#nextjs - 16.30ai
Satu Stream SSE, Dua Versi Jawaban
Jawaban AI di search dialog butuh dua versi: ringkasan cepat dan penjelasan lengkap. Satu SSE stream dari LLM, tapi UI perlu split — caranya pakai marker-based parsing.
#sse#ai#streaming - 15.06frontend
Riwayat Chat Tersimpan di Lokal
Pencarian AI di blog ini sekarang ingat pertanyaan kemarin. Triknya: localStorage, cap 30 turn, dan try/catch yang diam-diam menyerah saat browser menolak.
#react#frontend#nextjs - 12.48frontend
Dialog Cari Jadi Thread: Satu Array Ganti Tujuh useState
Jawaban AI pertama lenyap tiap nanya lagi. Perbaikannya cuma satu array ThreadEntry plus functional update, bukan library state management.
#react#nextjs#sse - 12.22ai
Jawaban AI Streaming di Blog Lewat fetch Biasa
EventSource nggak bisa POST. Jawaban AI di search dialog akhirnya jalan pakai fetch biasa, parser SSE manual, dan satu jebakan CRLF.
#sse#fastapi#nextjs - 03.21frontend
Related Semantic, TLDR, dan Search Live
Related articles nyambung tag doang sering ngawur. Ganti cosine semantic, tambah box TLDR, dan bikin search dialog live, semua tetap tahan API lama.
#nextjs#react#tailwind - 18.15backend
Dari Edit layout.tsx Jadi Satu Request PUT
Ganti script GSC atau analytics nggak perlu redeploy lagi: modul settings di API dengan whitelist kunci, GET publik, dan admin ber-API-key.
#nextjs#fastapi#seo - 16.24frontend
Homepage Live: Timeline Artikel Langsung dari API
Section blog homepage yang dulu diisi manual lewat blog-posts.json sekarang fetch live dari API, plus helper formatDateWIB yang pin timezone Asia/Jakarta.
#nextjs#react#frontend - 12.30frontend
width/height Gambar Wajib Eksplisit Biar Layout Stabil di Next.js
Ikon per-kategori fallback tanpa dimensi eksplisit bikin sidebar goyang. width/height di img atau next/image, plus og:image:width/height, jaga CLS aman.
#nextjs#cls#og-image