Host exisitng Reactjs website on App engine

[yadavharshc]

I am looking for architectural guidance on the best way to migrate/host an existing ReactJs application on the ServiceNow platform (specifically using App Engine/AES).

Current Setup:

• Frontend: ReactJS (SPA)

• Backend: Express.js (Node.js)

• Database: [Insert DB Name, e.g., MongoDB/PostgreSQL]

Goal: I want to bring the React UI into the ServiceNow ecosystem so users can access it within the platform, while maintaining the connection to the existing backend and database.

I have a few specific questions:

1. Frontend Hosting: Is it better to host the React build files as UI Pages/Scripted REST APIs (the "legacy" way) or should I be looking at the Now Experience UI Framework? I’ve seen community posts about "React Wrappers"—is that the recommended path for existing SPAs?

2. Backend Connectivity: Since ServiceNow doesn't host Express, what is the best practice for the React app to communicate with my external server? 

If anyone has successfully deployed a similar project to ServiceNow. Is this even possible and a good idea? 

Thanks in advance for the help!

[Tanushree Maiti · Accepted solution]

Please refer this links, see if it helps you:

UI development with React • Zurich Build or modify applications • Docs | ServiceNow

#servicenow #reactjs #uiux #webdevelopment | Andrew Pishchulin | 75 comments

[yadavharshc]

Thanks a lot Tanushree, that LinkedIn link was a blessing. That solution worked like a charm. It's easy and straightforward. 

[yadavharshc]

However i have one issue, react app is deployed well, but my images aren't being shown. How should we handle image and icons etc to load them into all?