Hello, you found me.
I'm Tiar. Welcome to my digital home.
This isn’t a portfolio. It’s not a blog. It’s a quiet little corner where I collect thoughts, tinker with ideas, and keep pieces of who I am.
Little Brain Dumps
See More Articles Things I’ve Written Down
Things I've Made (and Broke)
Projects I’ve Been Building
Web App
S-Learn
A comprehensive Learning Management System (LMS) built with Laravel, Tailwind CSS, Go, Flutter. It offers a seamless experience for both educators and students, featuring course creation, interactive lessons, and real-time collaboration.
Web App
POLARIS
Digital Library System for Politeknik Negeri Surabaya, developed using Laravel, Tailwind CSS, Filament. In this project, rewrote from SLiMS (PHP Native) to Laravel, enhancing performance, security, and user experience while maintaining the core functionalities of a digital library.
Web App
4yasenime
Unofficial anime streaming website built with Next.js and Tailwind CSS. It provides a user-friendly interface for browsing and streaming anime content, featuring a vast library of titles, user reviews, and personalized recommendations.
Memory Hacks
Tiny Code Things
cn
A utility function to merge Tailwind CSS class names using clsx and tailwind-merge.
import { clsx, type ClassValue } from 'clsx'
import { twMerge } from 'tailwind-merge'
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Prisma Instance
A singleton instance of Prisma Client to prevent multiple database connections in non-serverless environments.
import { PrismaClient } from '@prisma/client';
const globalForPrisma = globalThis as unknown as {
prisma: PrismaClient | undefined;
};
export const prisma =
globalForPrisma.prisma ??
new PrismaClient({
log: ['query', 'error', 'warn'],
});
if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
Inner Container Utility
A custom Tailwind component for a centered container. I really like this size, it’s my go-to and also used on this website.
@layer components {
.inner {
@apply mx-auto w-9/10 max-w-272;
}
}