Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

Blank AEM console on localhost:4502

Avatar

Level 2

Hi,

I am trying to make remote SPA work using AEM next.js solution. 

I am using this github repo - adobe/aem-nextjs-template: This app demonstrates how to write a simple app rendering AEM Pages and C...

I created AEM repo using 39 archetype version, aemVersion=cloud and frontendModule=react.

 

I am able to run the next.js application successfully on http://localhost:3000 but while opening it on AEM(locahost:4502- editor /preview mode) the page is showing blank.

 

All packages are installed and the app bundle is also in active state. No errors in console.

Added the SPA url in the properties also. Refer attached screenshots.

How can I view my next application on AEM so that i am able to edit the content through aem?
I am new to AEM author tool and I am not able to figure out what I am missing.
Any help will be appreciated!


author.png

 

bundles.png

 

nextAPP.png

 

SPA-properties.png

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Thats the issue.. you need enable cross origin policy in your osgi congratulation

View solution in original post

3 Replies

Avatar

Level 5

Could you look on the errors in developer console.

Avatar

Level 2

@RashidJorvee,
There are no errors in dev console but some deprecation and CORB warnings. Could that be the issue?
If yes, how can I resolve it so I don't get this blank page while running AEM author? 

dev-console.png

 

Avatar

Correct answer by
Community Advisor

Thats the issue.. you need enable cross origin policy in your osgi congratulation