How to refresh the Next.js App Router when content in a folder changes. Yes, websockets.

Anja Petry

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to refresh the Next.js App Router when your Markdown content changes. Install necessary dependencies and create a watcher file to detect changes in the content folder. Use a WebSocket server to send 'refresh' messages to connected clients, triggering a refresh of the Next.js App Router.

Refreshing the Next.js App Router When Your Markdown Content Changes