TypeScript is a strict syntactical superset of JavaScript that adds optional static typing to the language.
Handling audio in a browser becomes tricky when dealing with non-standard formats like raw PCM. In this post, I’ll walk through how I worked with 24 kHz, 16-bit PCM audio encoded in Base64 and made it playable using the <audio> element and TypeScript. Browsers cannot play raw PCM directly, so the goal is to wrap
When working on a complex project with both Storybook and Next.js, you might run into issues during the build process. I recently hit a frustrating roadblock when my Next.js build started compiling Storybook files. It turned out that the build was trying to process *.stories.* files, which shouldn’t have been included. To avoid such conflicts,
When building applications with large datasets, one of the most common challenges is implementing efficient pagination. In Prisma, you can use the findMany method along with take and skip to handle pagination easily. However, when paginating data, you often need the total record count to display the number of pages, and Prisma doesn’t provide this
As a project grows, it’s common for unused files, dependencies, and exports to accumulate. Over time, these unnecessary elements clutter your codebase, increasing the complexity and making maintenance harder. In my experience, keeping a clean codebase is critical to maintaining efficiency and reducing technical debt. One tool that has consistently helped me with this is
Recently, I was working on a React project that required certain elements to toggle fullscreen mode, and I needed to reuse this functionality across different components. I wanted a clean, reusable solution that leveraged TypeScript to ensure type safety. This led me to create a custom hook for managing fullscreen behavior in React. In this
Building responsive, interactive applications in React often requires creating components that dynamically change based on user interaction. One common feature is allowing a div to take over the entire screen with the click of a button, creating a fullscreen effect. In this post, I’ll walk through how to implement this feature, making sure to keep
When developing a Next.js application with Prisma as your ORM, you might encounter an issue where the application throws the error, “Too many database connections opened: FATAL: remaining connection slots are reserved for roles with the SUPERUSER attribute.” This error usually arises during development, especially when Next.js is in watch mode and the application is
In Next.js, especially when using the new app directory structure, you might encounter the following error when attempting to pass a function from a Server Component to a Client Component: This error happens because Next.js enforces a strict separation between server-side and client-side code. Server-side functions can’t be passed directly to Client Components, as they
When working with Node.js and TypeScript, it’s common to encounter the need to include non-code files like JSON, text files, or even Markdown files in your build output. These files, essential for configurations, data, or documentation, often need to be copied into your dist folder during the build process. However, the TypeScript compiler (tsc) only
As a developer working with Next.js, I’m always eager to explore and implement the latest features. Next.js 14 introduces some powerful tools for structuring applications: Layouts and Templates. At first glance, these concepts might seem similar, but they have distinct purposes and behaviors that can significantly impact how you organize your project. In this post,
When working on Node.js applications, there are many times when you need to transfer files to remote servers. While FTP is still in use, SFTP (Secure File Transfer Protocol) is more secure and increasingly preferred. Today, I’ll walk you through how to upload a folder of files to an SFTP server using TypeScript and the
When building a custom integration with WordPress, interacting with the WordPress REST API is a powerful approach. Recently, I needed to create and update WordPress pages programmatically using TypeScript. While the task seemed straightforward, I encountered some challenges, like permission errors and authentication issues. After troubleshooting and refining the process, I found a robust way