Lembang, West Bandung
All projectsPersonal portfolio

thesettlement.id

The portfolio you are looking at right now: bilingual, animated, and built from the Magic Portfolio template.
thesettlement.id
Tech stack
Next.js 16
React 19
TypeScript
Once UI
Motion
next-intl
MDX
React Email
Bun

Overview

Yes, this website counts too. It started from the Magic Portfolio template by Once UI and was taken apart and rebuilt into a personal portfolio that brings all my roles together: teacher, language tutor, academic writer, YouTuber and web developer.

Key features

  • Indonesian and English with next-intl, with the visitor's language detected automatically
  • A publications page read straight from a Google Scholar RIS export, highlighting papers with a chosen co-author
  • A tutoring form with validation, spam protection and notification emails designed with React Email
  • Animations with Motion and CSS that respect the reduce motion setting
  • A color theme taken from the avatar: mustard, gold and batik navy, in light and dark mode
  • Aksara Sunda (Sundanese script) with the Noto Sans Sundanese font
  • Open Graph preview images generated for every page
  • Lighthouse 100 for Accessibility and Best Practices

Other projects

AA Class
Education

AA Class

Website for an online private tutoring service covering international and national curricula, with a consultation form that goes straight to WhatsApp.
Next.js 16
React 19
TypeScript
Tailwind CSS v4
MDX
Motion
Vercel Analytics
Suryalaga
Company profile

Suryalaga

Company profile and lead generation site for a web development studio, in four languages.
Next.js 16
React 19
TypeScript
Tailwind CSS v4
MDX
Nodemailer
React Email