Rezal, updated at September 22, 2025 | 10:20 WIB
SILK is a web-based system for managing financial reports at the Information Systems Department of Tanjungpura University. Its features include a dashboard, budget plan (RAB) creation, activity budgeting, member honorarium management, automatic tax calculation, and reporting. This was an individual project developed over 3 months using Fullstack Next.js.
I conducted an in-depth discussion with the lecturer regarding the business flow to align with the requirements. This included tax calculation methods, workflow, and the final output. By mapping the initial requirements, I was able to outline the necessary pages and features. These business flow requirements also ran in parallel during the system development.
After gathering the business flow requirements, specifications, and example documents, the development phase began. I chose Next.js as the technology because it is currently trending and also as an opportunity to learn and deepen my understanding of the framework. Additionally, the client being the lecturer allowed for a shorter timeline, giving me more time to explore the framework.
During the learning and development process, I encountered several challenges, ranging from understanding the business flow, delayed requirements, newly discovered bugs, to understanding applicable tax regulations. Here, I bypassed the design phase and directly used components from Shadcn UI to speed up the development process.
After a 3-month development process, a meeting was held with the lecturer to present the completed work. During this meeting, feedback was given for adding features, as well as corrections and improvements to the business flow and tax calculations that I had previously studied on my own. This required an additional month to complete the entire process until finalization.
I encountered an issue when deploying to the production environment because Fullstack Next.js cannot run on standard web hosting. Therefore, I needed to learn VPS (Virtual Private Server) to ensure all system functions could operate in production, including installation via VM (Virtual Machine), database setup, and server deployment.
Once everything was successfully deployed to the production environment, a final presentation was held with the lecturer regarding the Financial Report Information System and received approval. Finally, I handed over the project with all required documents and provided training on using SILK (Financial Report Information System) so it could be used within the Department at the university.
Programming Language: TypeScript
Framework: Next.js, Tailwind CSS
Other Technologies: Axios, Zustand, Zod
Database & ORM: MySQL & Prisma
Components: Shadcn UI
Deployment: VPS
