CODEWITHSUNDEEP
webpacknext.jswebpack-dev-serverwebpack-plugin
Shyam Swaroop
Shyam Swaroop

Reputation: 925

How does NextJS detects & fetches a new page?

In a fresh NextJS project, I start the dev server by running yarn dev and add the following code to the pages/index.jsx:

export default Home(){
 return <Link href="/abc">Go to abc</Link>
}

Suppose I create a new page in the pages directory called abc.js with the following code:

export default AbcPage(){
 return <div>Welcome to ABC page.</div>
}

By looking at the output in the terminal, it seems the new page has not been compiled yet, and the moment I click on the abc in the home page, compilation happens and a abc.js chunk is downloaded in the browser.

My question is, how did NestJS configure webpack to load chunks on-demand?

Some relevant files I looked into are:

It seems the last one in the above list holds the key to my question. I also https://github.com/webpack/webpack/issues/1422.

Upvotes: 0

Views: 119

Answers (1)

Shyam Swaroop
Shyam Swaroop

Reputation: 925

For anyone wondering the same in the future, I have finally cracked what's going under the hood and trying to compile it here.

Upvotes: 0

Related Questions