Expand my Community achievements bar.

NextJS Remote SPA

Avatar

Level 2

After bombing on the other tutorial (tut) I posted about, I tried this one.

 

https://www.tothenew.com/blog/aem-with-nextjs-remotespa-a-comprehensive-integration-guide/

 

In summary, the tut recommends the following

 

Use the archetype flag frontendModule=decoupled

 

Set the root page (us/en/home) template to spa-next-remote-page

 

As a result, the root page properties did not show me an SPA tab, as the tut had led me to expect

 

Why did this happen? Thoughts?

 

I will say, a lot of issues result from a mismatch between the archetype version and the AEM version. I am using A50 with AEM cloud from Sept 2023.

 

1 Reply

Avatar

Employee Advisor

Hi Team,

The issue where the SPA tab doesn't appear in the root page properties could stem from a mismatch between the archetype version and your AEM cloud setup. Ensure you're using the latest AEM archetype compatible with your version, and check that the `spa-next-remote-page` template is correctly configured with SPA Editor enabled. Also, confirm that your Next.js SDK version is compatible. Updating the archetype or SDK might resolve the issue.

Regards,

Mnavi Sharma