proxying the content | Community
Skip to main content
SahrudayaB
Level 2
April 28, 2022
Solved

proxying the content

  • April 28, 2022
  • 2 replies
  • 842 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anish-Sinha

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

2 replies

Anish-Sinha
Adobe Employee
Anish-SinhaAdobe EmployeeAccepted solution
Adobe Employee
April 28, 2022

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

arunpatidar
Community Advisor
Community Advisor
April 29, 2022
  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.
Arun Patidar