✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Developing Custom Internationalization in Static NextJS Applications Today, we’re tackling an exciting challenge: developing internationalization in a static NextJS application without external libraries. NextJS provides internationalized routing, but it relies on server-side rendering, requiring a server for the front-end. To host our app statically without a server…

✨ Watch on YouTube | 🐙 GitHub Understanding Meta Tags in NextJS for SEO and PWA Optimization In this concise guide, we’ll explore the essential meta tags required for a NextJS website, focusing on SEO and PWA (Progressive Web App) support. If you’re transitioning from React Helmet, the Head component in NextJS might seem perplexing. Fear not—I'll simplify it for…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Building a Custom Combobox in React and TypeScript: A Step-by-Step Guide In this article, we will create a fully functional and visually appealing combobox component using React and TypeScript, without relying on external component libraries. Our goal is to make it flexible and reusable. To demonstrate its versatility, we’ll construct two…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Generating TypeScript Functions for Enhanced Codebases In this post, we’ll dive into an intriguing topic: creating TypeScript functions that will enhance our codebase by generating TypeScript code. If you’ve ever worked with type generation from a GraphQL or database schema, you’ll appreciate the convenience of these…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo A Guide to Managing Subscription Payments in Web Applications In this article, I present a streamlined approach to managing monthly and annual subscription payments within a web application. I recently refined the subscription-related code in my app, Increaser — a Next.js application supported by a Node.js server. Through this…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Introduction to Custom Modal Component Every app needs a popup dialog that is accessible, responsive, and aesthetically pleasing. However, we also want it to be convenient to use for us developers. In this post, I will share with you a minimalistic Modal component which I…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Introduction to Magic Link Email Authentication In this post, I will demonstrate a basic implementation of magic link email authentication for NextJS + NodeJS applications. This authentication method is convenient and efficient, simplifying the process for both users and developers by eliminating the need to deal…

✨ Watch on YouTube | 🐙 GitHub The Problem of Talking With Customers When you are building a product, it is crucial to talk to customers — to understand their problems, what did they use before finding your app, and how does it help them. To ask these questions, I have a service that sends an…

✨ Watch on YouTube | 🐙 GitHub | 🎮 Demo Introduction to Maintaining React State in a URL Query String In this post, I’ll share with you an invaluable hook for maintaining React state in a URL query string. This comes in particularly handy when you wish to make your application state shareable via a URL. I’ll be showcasing a…