DEV Community: Reckelton

DELIMA 2.0

Reckelton — Sun, 14 Jun 2026 10:55:14 +0000

DELIMA 2.0(https://www.delima2login.my/) is a digital platform developed by Kementerian Pendidikan Malaysia that provides access to a range of online services through a centralized portal. The platform brings together various features and tools in one location, making access more convenient for users.

With its web-based structure, DELIMA 2.0 offers a streamlined experience for accessing information and digital services. The platform continues to play an important role in supporting digital initiatives and improving online accessibility in Malaysia.

Marmaray Duraklari

Reckelton — Sun, 14 Jun 2026 10:54:49 +0000

Marmaray Duraklari(https://marmarayduraklari.org.tr/) refers to the stations that form part of the Marmaray railway network in Istanbul. The system connects different areas of the city through a modern rail infrastructure that supports daily transportation needs.

Station information is useful for both residents and visitors who want to plan their journeys efficiently. Marmaray has become an important part of Istanbul’s transportation network due to its speed, convenience, and extensive coverage.

Burger King Menu

Reckelton — Sun, 14 Jun 2026 10:54:23 +0000

The Burger King menu(https://entiremenu.com/burger-king-menu/) offers a diverse selection of meals, including flame-grilled burgers, chicken sandwiches, fries, beverages, and desserts. Customers can choose from signature items, combo meals, and limited-time specials that cater to a variety of tastes. The menu is designed to provide options for both individual meals and family dining occasions.

Many customers look up Burger King menu details online to check current prices, explore new menu additions, and compare different meal options. Access to menu information before visiting a restaurant can help diners make quicker and more informed choices. It is also useful for those interested in reviewing calorie and nutritional information.

Websites such as Entire Menu(https://entiremenu.com/) make it easier to browse restaurant offerings in one place. Users can view menu categories, compare prices, and find details about popular food items without visiting multiple sources. This convenience has made menu websites increasingly popular among customers looking for up-to-date restaurant information.

In addition to classic burgers and sides, Burger King frequently introduces promotional items and seasonal specials throughout the year. These limited-time offerings give customers new flavors to try while keeping the menu fresh and engaging. Whether someone is looking for a quick meal or researching dining options, online menu resources provide valuable information before placing an order.

SPL KPM

Reckelton — Sun, 14 Jun 2026 10:53:52 +0000

SPL KPM(https://www.spl-kpm.my/) is an online management system that serves as a centralized location for maintaining various records and related information. The platform allows users to access and organize data through a secure web-based environment.

Its digital approach helps simplify administrative processes while improving the accessibility of stored information. SPL KPM continues to be an important system for maintaining organized records and documentation.

eOperasi KPM

Reckelton — Sun, 14 Jun 2026 10:53:25 +0000

eOperasi KPM(https://www.eoperasi.my/) is a digital information management system used within Malaysia’s public sector. It provides a centralized platform for maintaining records and ensuring that important information remains organized and accessible.

The system helps streamline administrative tasks by allowing users to manage and review data through an online portal. Its structured framework contributes to more efficient record management and information handling.

Cek Bansos Online

Reckelton — Sun, 14 Jun 2026 10:52:26 +0000

Cek Bansos Online(https://cekbansoskemensosonlines.com/) is a web-based service that provides information related to social assistance programs in Indonesia. Users can access the platform to review beneficiary details and obtain updates regarding available support programs.

The service is designed to make information more accessible and transparent for the public. By offering a convenient online solution, Cek Bansos Online helps individuals stay informed about assistance-related information.

APDM KPM

Reckelton — Sun, 14 Jun 2026 10:51:32 +0000

APDM KPM is an online system managed by Kementerian Pendidikan Malaysia that serves as a centralized database for maintaining important information. The platform https://www.the-apdmkpm.my/ is designed to simplify data management and provide users with convenient access to records through an online interface.

By digitizing administrative processes, APDM KPM helps improve efficiency and reduce reliance on manual record keeping. Its structured approach to information management makes it a widely used system across Malaysia.

Enhancing Performance in Next.js Applications

Reckelton — Mon, 16 Jun 2025 16:02:46 +0000

Server Response Time at First Load

Next.js provides a comprehensive set of tools to help optimise the performance of websites built with React. If SEO is a priority for your site, improving performance is essential—not only to enhance your search engine rankings but also to lower bounce rates and increase conversion rates.

One of the easiest ways to analyse your website’s performance is by using Lighthouse in Google Chrome. You can also integrate Lighthouse into your Next.js workflow for continuous performance monitoring.

When running Lighthouse in Chrome, it’s best to use Incognito mode. This helps ensure that browser extensions don’t interfere with or skew your performance scores.

There are several strategies to improve your Lighthouse performance scores. In this article, I’ll walk you through the techniques our team uses to address one of the most important metrics—Initial Server Response Time.

Server-Side Rendering (SSR) vs Static Site Generation (SSG)

Next.js provides two powerful pre-rendering strategies to enhance web application performance by reducing the amount of JavaScript sent to the client: Server-Side Rendering (SSR) and Static Site Generation (SSG).

During the initial development stages of a Next.js project, it’s common to use getServerSideProps for page rendering. This is often the default choice, especially when dynamic data fetching is required.

The getServerSideProps function is executed on the server during every request, allowing for real-time database operations and just-in-time page rendering. This aligns with traditional server-side rendering principles and is straightforward to implement.

**The Need for Speed

**
However, a key drawback of SSR is speed. Even a quick, indexed database query on a low-latency server can take 150–200ms. This delay is typically the biggest contributor to slow Initial Server Response Time, which significantly impacts overall performance. In our case, the database query alone accounted for nearly one-third of the total page load time.

To overcome this bottleneck and achieve faster page loads, the best approach is to switch to Static Site Generation. With SSG, pages are generated at build time, not request time, and data is pre-rendered into static HTML. This eliminates the need for runtime database queries and results in lightning-fast delivery.

Incremental Static Regeneration (ISR)

The downside to SSG is that the site becomes static—meaning updates to the database won’t reflect on the website immediately. This poses challenges for websites with frequently changing content.

Thankfully, Next.js supports Incremental Static Regeneration (ISR). ISR allows pages to be updated at runtime after the initial build, providing a balance between speed and freshness.

Here’s an example of how ISR is implemented:

In this example, if a request is made and the cached page is older than 3 hours (10,800 seconds), Next.js will serve the stale page but regenerate it in the background for future requests.

You can set the revalidate value as low as 1 second. On Vercel, ISR does not count toward your serverless or edge function quotas—making it essentially “free.”

To support this, update the Cache-Control headers in your next.config.js:

The Tradeoff

Migrating from getServerSideProps to getStaticProps isn’t without tradeoffs. The biggest challenge for us was build time. Our websites, singaporemalls.com and nolcardchecks.com, one is a directory containing tens of thousands of merchant pages and other is a NOL Card blog guide also containing tens of thousands of merchant pages. Previously, we used a single dynamic page with SSR to handle all merchant data. Moving to SSG meant each page had to be statically generated at build time.

Same as Delima 2.0,NBI Appointment Online, and IDME KPM Login are also our websites.

Since each page involved querying the database, our total build time exceeded one hour—an issue on Vercel, which enforces a 45-minute build time limit across all plans (Hobby, Pro, and Enterprise). This hard limit leads to deployment failures if exceeded.

Navigating Vercel’s Build Time Limit

To work around this limitation, we developed a custom Node.js script to run at build time. This script fetches data in parallel batches and generates local JSON files on the build server.

By reading from these pre-built JSON files instead of querying a remote database for each page, we drastically reduced page generation time—bringing the total build process back within Vercel’s 45-minute limit.

Conclusion

**
Transitioning from getServerSideProps to getStaticProps was the most impactful change in improving our Initial Server Response Time, pushing our Lighthouse performance scores into the high 90s. By shifting the load to build time rather than page request time, we provided a much faster experience for end users.

This change not only enhances the user experience but also contributes to better SEO—since Google rewards websites that load quickly.