adobe / adobe/aem-spa-project-core

Infinite number of calls to webpack-hmr on Remote SPA nextjs page and page load is very slow

Open
#45 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
Java
Stars
30
Forks
28
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
We are using AEM Remote SPA Editor with Next.js where the pages are rendered on NextJs and noticed that infinite calls are being made for webpack-hmr, although the calls dont error out with spa core components 1.3.8 version but there is continuous call being made every second. It takes a long time for the page to render on AEM author instance

**Package version**
6.5.7

**To Reproduce**
Steps to reproduce the behavior:
1. Set up AEM remote spa with Nextjs
2. Open any page created with remote next spa page templage
3. check the network tab to see the calls to webpack-hmr

**Expected behavior**
Not sure if this is the cause for the delay in page load on AEM, it takes a few seconds for the page to render

**Screenshots**
![image](https://user-images.githubusercontent.com/21095375/156087044-169d4251-a9ba-42cf-b7fd-d959f78f0bf2.png)

**Additional context**
Add any other context about the problem here.

Contributor guide

Open the contributing guide

Research direction

Reproduce the reported AEM Remote SPA setup with Next.js, using package version 6.5.7, then inspect the browser network tab while opening a remote Next.js SPA page. Done means the repeated webpack-hmr requests stop and the page renders without the reported delay.

Written by the indexing model from the issue text.

Assessment

Tech stack
next.js
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.