---
title: "NextJs trong docker với hotreload"
description: "Khi bạn tạo container để chạy và code nextjs thì một vấn đề bạn có thể gặp là nextjs sẽ không reload lại khi bạn thay đổi code. Để khắc phục điều này ta cần thay đổi next.config.js"
date: "2021-08-09"
author:
  name: "Nguyen Pham"
  role: "Xin chào. Mình thích lập trình và công nghệ. Đây là blog mình chia sẻ lại các kiến thức về lập trình, công nghệ."
  avatar: "http://0.gravatar.com/avatar/6fb61398e24046b34e13870dd6c357b9?s=128&d=mm&r=g"
category: "Programming"
tags: ["Programming", "docker", "docker-compose", "nextjs"]
coverImage: "/blog/covers/nextjs-trong-docker-voi-hotreload.png"
featured: false
readingTime: "1 min read"
---

Khi bạn tạo container để chạy và code nextjs thì một vấn đề bạn có thể gặp là `nextjs` sẽ không reload lại khi bạn thay đổi code. Để khắc phục điều này ta cần thay đổi `next.config.js`

```
module.exports = {
  reactStrictMode: true,
  webpackDevMiddleware: (config) => {
    config.watchOptions = {
      poll: 1000,
      aggregateTimeout: 300,
    };
    return config;
  },
};
```

repo: <https://github.com/nvni/nextjs-docker-hotreload>

đề chạy ta sử dụng lệnh `docker-compose up`