MADEBYARIS
22 posts

Next.js guides from client work

Every Next.js post on the blog, newest first. Most of them come out of client builds.

Ilustrasi papan skor sepak bola live di layar TV, terhubung ke laptop berisi kode Next.js
Next.js

Cara membuat scoreboard sepak bola live dengan Next.js

Timnas putri Indonesia bermain imbang 0-0 melawan Yordania di Stadion Aqaba Development, Aqaba, pada 13 Oktober 2026, seperti dilaporkan ANTARA. Kalau laga seperti itu ditayangkan di nonton bareng, turnamen kampung, atau acara kantor, skor di layar sebaiknya langsung berubah begitu ada gol, tanpa ada yang menekan tombol reload. Hasil akhir: scoreboard yang update tanpa reload […]

Read Article
Illustration of a clipboard checklist and magnifying glass beside a crawl map of connected web pages
Next.jsSEO

Technical SEO audit checklist for Next.js and WordPress sites

You manage a Next.js or WordPress site, and someone says it needs a technical SEO audit. A technical SEO audit checks whether Google can crawl, render, index and understand your pages. You can run the 12 checks below yourself with Search Console, PageSpeed Insights and the Rich Results Test. An audit finds problems. It does […]

Read Article
Halaman utama madebyaris.com setelah upgrade ke Next.js 16.4.0
Next.js

Next.js 16.4: apa yang baru dan kapan website kamu perlu upgrade

Next.js 16.4 rilis 6 Oktober 2026. Penjelasan sederhana soal apa yang berubah, artinya untuk website kamu, kapan perlu upgrade, dan hasil di madebyaris.com.

Read Article
How to integrate a machine learning model into a Next.js product (without boiling the ocean)
AI DevelopmentNext.js

Integrating Machine Learning into a Next.js Product

How to integrate a machine learning model into a Next.js product: API vs worker shapes, a thin first slice, and a hire checklist — without boiling the

Read Article
Migrasi WordPress ke Next.js bisnis
Next.jsWordPress

Migrasi WordPress ke Next.js untuk Bisnis

Migrasi WordPress ke Next.js untuk bisnis lokal: kapan worth it, risiko tersembunyi, dan checklist sebelum bayar vendor.

Read Article
WordPress vs Next.js when worth it
Next.jsWordPress

WordPress vs Next.js: Kapan Harus Pindah?

WordPress vs Next.js: when a business site can stay on WP, and when Next.js (or headless) is worth a rewrite. A hire-side checklist.

Read Article
Jasa website company profile: kapan template cukup, kapan bayar custom
AI DevelopmentNext.js

Jasa Website Company Profile: Template vs Custom

Kapan template cukup untuk website company profile, kapan bayar custom. Cara membaca penawaran tanpa terjebak katalog tema.

Read Article
Jasa pembuatan website Jakarta: checklist sebelum DP
AI DevelopmentNext.js

Jasa pembuatan website Jakarta: checklist sebelum DP

Checklist sebelum DP untuk jasa pembuatan website Jakarta. Bedakan vendor murah vs tim yang bisa maintain dan SEO. Kapan Next.js masuk akal.

Read Article
What it costs to hire a Next.js developer
AI DevelopmentNext.js

What It Costs to Hire a Next.js Developer

What it costs to hire a Next.js developer: scope, experience, location, and engagement model. How to read a quote without fake average rates.

Read Article
Cursor MCP setup for shipping Next.js work
AI DevelopmentCursor

Cursor MCP setup for shipping Next.js work

Cursor MCP for shipping: keep a few servers that help a real Next.js repo, verify each one, and skip marketplace pile-ons.

Read Article
PHP API for Next.js, Laravel behind the form
Next.jsTech

PHP API development for a Next.js product

PHP API development for a Next.js product means Laravel owns the write. Next.js owns the form. Here is the split I ship.

Read Article
Chatbot that fits the app, AI chatbot development in Next.js
AI DevelopmentNext.js

AI chatbot development that fits a real Next.js app

AI chatbot development that fits a Next.js app is a route, a stream, and tools you can name. Not a chat demo glued on the side.

Read Article
Titles that do not double, SEO metadata set once
Next.jsTech

SEO Metadata in Next.js App Router Done Right

I set SEO in Next.js App Router once. metadata or generateMetadata on the page that owns the URL. Layout is the default. The page overrides. Titles do not double.

Read Article
Name the cache, fetch, tag, what busts it
Next.jsTech

Next.js cache on Vercel: what I change first

On Vercel I do not start with a CDN checkbox. I name the fetch cache, the tag, and what busts it after a write.

Read Article
WP as CMS, Next.js as the front
Next.jsTech

Headless WordPress with Next.js: how I wire the front

I use WordPress as the CMS and Next.js as the front. Here is how I fetch, draft, and revalidate without treating WP as the site.

Read Article
Next.jsTech

Migrating a Pages app to App Router without drama

I migrate Pages to App Router one URL at a time. Copy the data rules, keep a rollback, and leave the next route until this one is boring.

Read Article
App Router API routes, the ones I trust in production
Next.jsTech

Next.js App Router API: route.ts vs Server Actions

Next.js App Router API pick: route.ts for outside callers, Server Action for our forms. Example route.ts plus the mistakes I still inherit.

Read Article
Next.jsTech

Next.js App Router vs Pages: when I still touch Pages

I start new work in App Router. I still open pages/ on old repos. Here is when, and what I refuse to rewrite in a weekend.

Read Article
App Router in practice, what I actually use
Next.jsTech

Next.js App Router in Practice: Production Patterns

I use App Router as a route tree I can explain, not a React SPA with a Next wrapper. Here is the set I keep.

Read Article
What good looks like when hiring a Next.js developer
Next.jsTech

Hire a Next.js developer: what good looks like in 2026

When someone asks me to hire a Next.js developer, I ask for a shipped App Router repo, not a year count. Here is what I open first.

Read Article
Next.js

Tentang Next.js dan PHP

Dari 6 bulan lalu Saya mempelajari ulang tentang Node.js, React, dan juga Next.js. Saya mempelajari bagaimana cara membuat website dengan teknologi Javascript dan terakhir sampai membuat Dashboard dengan fitur CRUD dan juga SEO. Ada sekitar 4-5 project Next.js yang Saya handle pada 6 bulan ini, dan rata-rata tidak jauh dari implementasi animasi, CRUD, dan juga […]

Read Article
Case StudyNext.js

Next.js Pada VPS Murah

Apakah teman-teman pernah ingin melakukan deploy Next.js pada VPS tapi takut resourcenya terlalu besar? Atau khawatir Nextjs membutuhkan Spesifikasi CPU dan RAM yang besar? Untuk menjawab pertanyaan diatas, kita akan mengupas tuntas tentang bagaimana cara melakukan deployment Next.js pada VPS yang paling murah. VPS yang Saya gunakan ini memiliki spesifikasi sebagai berikut: Dari spesifikasi diatas, […]

Read Article

Rather have me do it?

Hire me to build it, or bring me in to coach your team on Cursor. I reply within 24 hours and tell you plainly whether I’m the right fit.