Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

proxying the content

Avatar

Level 3

what does it mean to proxying the content in "You can continue to make content updates in AEM and see them reflected in webpack-dev-server, since we are proxying the content." in React SPA . Which is client and which is server in above case.

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi @SahrudayaB ,

Here the client is your AEM instance and server is the webpack where you are accessing the same AEM content without the authoring capabilities.

In the documentation you will see 

"proxy": "http://localhost:4502",

which means we are proxying this AEM instance and rendering all the content on the webpack server for the view. It will be like end user view without any authoring capabilities. And any change you make in the AEM authoring page, you will see that reflecting adhoc on the webpac server. It is used for easy development of the project. In AEM when you make some UI code changes, you will have to do a build and then check the changes, which takes time, but webpack is used to check the code change immediately after you save the file.

Hope this information helps

View solution in original post

2 Replies

Avatar

Correct answer by
Level 10

Hi @SahrudayaB ,

Here the client is your AEM instance and server is the webpack where you are accessing the same AEM content without the authoring capabilities.

In the documentation you will see 

"proxy": "http://localhost:4502",

which means we are proxying this AEM instance and rendering all the content on the webpack server for the view. It will be like end user view without any authoring capabilities. And any change you make in the AEM authoring page, you will see that reflecting adhoc on the webpac server. It is used for easy development of the project. In AEM when you make some UI code changes, you will have to do a build and then check the changes, which takes time, but webpack is used to check the code change immediately after you save the file.

Hope this information helps

Avatar

Community Advisor
  1. The npx aem-site-theme-builder proxy command executed within the front-end module starts a proxy server that requests the content from an AEM environment, while replacing the CSS and JS files of the front-end module with the ones from the local dist folder.