Microsite Generator: Block-based Page Publishing
website dashboard
TanStack Start app where admins compose microsites from blocks and publish them to public URLs, cached at the CDN until the next publish purges them.
Kozy: Room Catalogue with Google Sheets as Admin
website
Kozy is a room rental website for owners who already manage everything in a spreadsheet. Instead of building a CMS and a database, the Google Sheet is the admin panel.
The home page shows every location with live counts of available rooms and starting prices. Availability is read from the Sheet at request time and served as server-rendered HTML cached at the edge, so visitors get fast pages while the Sheet stays the single source of truth.
Each location page lists its address, photos, shared facilities and room availability. Every location can have its own WhatsApp number, so each chat button goes straight to the right person.
When the owner edits a cell, the site catches up within one to two minutes. A secret purge link, bookmarked as "Refresh website", makes changes live immediately. The build bakes a copy of the Sheet into the bundle and the server keeps a last-good copy, so the site keeps serving real data even if Google is unreachable. The result is a fast, reliable site with no database, no admin login and almost no running cost.
Tags
react typescript tanstack tailwind
Explore more projects
React Tailwind Snippets
website
Collection of UI patterns built using Tailwind CSS for React applications.
BL PayLater: Credits for Online Shopper
mobile web
Bukalapak PayLater is a financing product aimed at enhancing the buying power of online shoppers. My role involved synchronizing our system with loan partner behaviors, ensuring seamless collaboration while adhering to Bukalapak's design guidelines. Utilizing technologies like Vue.js, micro frontends, and Google Cloud Platform, I optimized user experience and performance, achieving fast and delightful user experience.
Clear Admin: Dashboard Template in Two Bundles
dashboard starter-kit
A comprehensive dashboard template built twice: plain HTML with Alpine.js for server-rendered apps, and React 19 for SPAs. Copy one folder in and it works.
Kargo Nexus: TMS for Enterprise and Vendors
dashboard
Kargo Nexus is a cutting-edge Transportation Management System designed for enterprise companies and truck vendors. As a Frontend Engineer, I utilized React, Ant Design, and GraphQL to create a responsive and user-friendly interface. The platform digitalizes conventional logistics processes, ensuring transparent shipping and reducing fraud potential. Key features include GPS tracking, PDF generation, and CSV processing, streamlining operations and enhancing user experience.
LevelUp Starter: Template for Guided Learning Sites
starter-kit website
Fork-and-go Astro Starlight template for publishing sequenced learning roadmaps with per-step progress tracking, no backend needed.
Kargo Brokerage TMS
dashboard
A comprehensive Transportation Management System (TMS) for Kargo's internal team, aimed at managing thousands of shipments efficiently. By streamlining processes, we enabled the operational team to scale their handling capacity. Key features include centralized document collection, fee and invoice management, optimized pagination for faster loading, and innovative shipment ordering through WhatsApp automation and ChatGPT integration.
next-ts-tailwind-starter
starter-kit
Starter kit for Next.js project packed with TypeScript, Tailwind and many more stuff.
Invoiza: Invoice Generator
website
Create and manage invoices with customized template, duplicate invoices and Generate PDF.