Design and Development of an E-Commerce System for Electronic Goods with Integrated Ordering and Payment using Next.js

Abstract

Rizqi Elektronik has been operating conventionally, with its marketing reach still limited to the local area, while inventory tracking is still done manually, meaning customers do not receive real-time stock information and the store risks missing out on sales opportunities. This research aims to design and build a web-based e-commerce system for electronic goods using the Next.js framework, equipped with an integrated ordering and payment system to expand the store’s market reach to the regional level. The approach used is Research and Development (R&D) with the Rapid Application Development (RAD) model. The system was built using TypeScript, the Firebase Firestore database, and the Midtrans payment gateway for digital transaction processing. It implements the Inventory First algorithm to validate stock availability during transactions and the Reorder Point (ROP) method to determine reorder thresholds and timing. System testing was conducted through three phases: Black-box Testing, Expert Validation, and User Acceptance Testing (UAT), yielding results of 97.62%, 95.83%, and 93.33%, respectively—all falling within the “very acceptable” to “very good” categories. Based on these results, the developed system is deemed technically and functionally suitable to support store operations, online transactions, and inventory control at Rizqi Elektronik.