TAM Company Profile
The public face of an IT infrastructure integrator, with a small CMS behind it so the team can publish projects and photos without a developer.
Taruna Anugerah Mandiri builds IT infrastructure for its clients: networks, security and surveillance, power and data-centre systems, working with vendors like Huawei, Hikvision, Palo Alto Networks, Ruijie, Alcatel-Lucent Enterprise and APC by Schneider Electric. The website needed to present that clearly and stay current, which means the people doing the work have to be able to post it.
It's a Next.js site with a dashboard attached. The public pages cover the company, its services, its activities and a photo gallery; signed-in staff manage activities in a rich-text editor and arrange gallery photos by dragging them into order.
What's inside
Public site
Home, about, services, activities with detail pages, and a gallery, with motion on scroll.
Activities editor
Posts written in Tiptap with colour, underline and text styling, each with images and a slug.
Gallery manager
Upload, caption and reorder photos with dnd-kit; images are processed with sharp.
Staff accounts
Clerk sign-in mapped to local users with roles, and a users page to manage them.
Grown, not rewritten
The site has been maintained since April 2025, and it shows in the commits. It moved to Clerk and newer Next.js and Prisma versions in December, swapped its route-based API for server actions in January, and gained a VPS deploy workflow and animated sections in August 2026, all without a rebuild from scratch. Sitemap, robots and Open Graph metadata point at tarunagroup.co.id.
Built with
- Next.js 16
- React 19
- Prisma 7
- PostgreSQL
- Clerk
- Tiptap
- dnd-kit
- shadcn/ui
- Motion
- sharp
- GitHub Actions
Related Work
