AMP pages for API base system

Question

We are trying to move our pages to Google AMP for better mobile and SEO experience. Problem is our system is API base totally. We are using nodejs along with react as of now.

Since in AMP you cannot use javascript to make ajax API calls, is there any way to implement to AMP through API's? Searched on the web but not able to find a optimal solution

you should check Isomorphic/Universal App, that can help. – shyammakwana.me Feb 08 '18 at 09:25 — shyammakwana.me, Feb 08 '18 at 09:25

score 2 · Answer 1 · answered Dec 26 '16 at 08:05

2

You will need an intermediary http server which makes those API calls and generates static HTML which is served to clients.

answered Dec 26 '16 at 08:05

lorefnon

12,875
6
61
93

This will be too hard maintainability-wise. Right? – Ankur Aggarwal Dec 26 '16 at 08:20
Not so much if you use react and universal rendering. You can use your react components for generating AMP pages - it is just that they will not be hydrated client side. – lorefnon Dec 26 '16 at 11:43

score 0 · Answer 2 · answered Nov 21 '19 at 07:40

As React and Angular both supports server side rendering. You can use ReactDOMServer.renderToStaticMarkup(element) to generate static html on server while using benefit of react component structure.

You can use node server to make API call and pass that data to your React component which will generate AMP html later using renderToStaticMarkup.
You can also use redux-connect, npm library which wait for API to resolve on server before rendering react component.

AMP pages for API base system

2 Answers2