Next.js is a React framework that enables functionality such as server-side rendering and generating static websites for React-based web applications.
Optimizing image handling in a Next.js application is crucial for performance and user experience. Next.js provides a built-in Image Optimization API that automatically optimizes images on-demand for faster load times. However, the way we specify which external domains are allowed to serve images has changed. The older images.domains configuration has been deprecated in favor of
With Next.js 13 introducing the new /app directory structure, you can now perform server-side operations more seamlessly. In this blog post, I will walk you through the process of setting up a PostgreSQL client and making server-side database calls in your Next.js project using TypeScript. Setting Up the PostgreSQL Client To start, we need to
Optimizing Docker images is crucial for creating efficient and manageable applications. As a developer, I’ve found that even small tweaks can significantly improve performance and reduce costs. In this guide, I’ll walk you through how I optimized my Next.js Docker images to be as small and efficient as possible. We’ll cover evaluating current image sizes,