How To Dev

Introduction In previous articles, we explored various render types in NextJS and how to use the App Router. Now, I will provide a more detailed guide focusing on Incremental Static Regeneration (ISR) and Static Site Generation (SSG), specifically looking at two types of revalidation: Time-based Revalidation: This method uses revalidate: {time}, automatically calling the api server to fetch new data after the specified time expires. On-demand Revalidation: This approach allows you to self-define tags. To revalidate using this method, a webhook api is required. When called, it will automatically trigger the revalidation for the specified tag. Prerequisites This article continues the content from previous articles. If anything is unclear, please review the previous articles first. Detail Update the file app/products/page.tsx. The content below doesn't contain anything extraordinary. You just need to pay attention to the tags section, which demonstrates the use of On-demand revalidati...

Introduction Nginx is an open-source web server that functions as a reverse proxy, load balancer and HTTP cache. Nginx is famous for its ability to handle thousands of concurrent connections with very low memory consumption compared to servers like Apache . The secret lies in its Event-driven and Asynchronous architecture. Instead of creating a new process/thread for each request, Nginx uses a small number of worker processes to manage all connections. Roles Web Server : Serves static content (HTML, CSS, images) extremely fast. Reverse Proxy : Stands in front of backend servers (like NodeJS, Python, Java) to receive requests from clients, forward requests to the backend and return results to the client. This helps conceal system architecture and enhance security. Load Balancer : Distributes traffic evenly across multiple backend servers, preventing overload on a single server and ensuring high availability. HTTP Cache : Caches frequently requested content, reducing load on backend se...