nextjs
Catatan teknis seputar web development, DevOps, dan integrasi AI.
71 artikel
- 01.38frontend
Kontrak Code Block Shiki dan Short Lang ID
Saya kunci kontrak code block biar artikel tidak merusak render: lang id pendek, alias Shiki jelas, dan blok yang salah bentuk ditolak sebelum publish.
#shiki#nextjs#frontend - 01.38frontend
Memecah Sitemap Next.js jadi File Anak 200 URL
Cara saya memecah sitemap Next.js jadi file anak 200 URL pakai generateSitemaps, melistnya di robots.txt, dan apa yang sebenernya dibaca Google dari sitemap.
#nextjs#seo#vercel - 01.00frontend
Memecah Sitemap Next.js jadi File Anak 200 URL
Cara saya memecah sitemap Next.js jadi file anak 200 URL pakai generateSitemaps, melistnya di robots.txt, dan apa yang sebenernya dibaca Google dari sebuah sitemap.
#nextjs#vercel#serverless - 22.29devops
Memilih Region Function Vercel: iad1, sin1, dan CDN untuk Pengunjung Indonesia
Default Vercel iad1 Washington hanya untuk function — CDN 126 PoP sudah melayani pembaca dari Singapura. Cara memilih dan mengganti region yang benar.
#vercel#nextjs#serverless - 21.30devops
Strategi Branch main/staging/api: Deploy Aman dengan Vercel Preview dan GitHub Actions
Model branch tiga jalur untuk deploy aman: main sebagai sumber kebenaran, staging untuk preview Vercel, api untuk deploy VPS lewat GitHub Actions.
#vercel#nextjs#github-actions - 19.46devops
Migrasi Frontend ke Vercel: Next.js Standalone + Docker
Catatan migrasi frontend blog ini ke Vercel: output standalone Next.js, Dockerfile multi-stage untuk image ramping, dan preview deployment otomatis per branch.
#nextjs#docker#vercel - 02.01frontend
Shiki vs Prism.js: Mana yang Tepat untuk Blog Developer di 2026?
Perbandingan data 2026: benchmark runtime, bundle size, dual theme, dan studi kasus blog Next.js — kapan Shiki menang, kapan Prism tetap masuk akal.
#shiki#prismjs#nextjs - 01.01frontend
Embed YouTube, Mermaid & Recharts di Next.js Tanpa Plugin
Panduan lengkap embed YouTube, Mermaid, dan Recharts di blog Next.js tanpa plugin. Tingkatkan engagement +52% dengan styling konsisten dan dark mode.
#nextjs#youtube#mermaid