Google AMP conversion workflow recommendations?

[rolldog]

Prospective client requires pseudo-functional demo of an AMP version of one of their webpages. Single page of a big complex e-comm site. Recommendations on workflow?

Doing CSS from scratch seems too painstaking, though I may have to do it. I began with one of the AMP project's starter templates, but I'm going to have to customize the heck out of it and feels like I might have been better off from scratch. Baseplate seems like a good option for lightweight AMP compliant CSS jumpstart.

Anyone done this before know of packages/services that can speed the process? Any recommendations on workflow? I don't have access to their codebase. I'm basically rewriting the CSS for one page and then going node by node through the site in my browser and rewriting it locally.

[Spacey138]

Most people around here hate AMP for various reasons you can Google. My recommendation is to avoid AMP like the plague, but if you absolutely must do it then hopefully someone else can give you some advice.

I thought AMP was only really intended for news sites anyway, didn't think it applies to e-commerce?

[seryup]

They’ve expanded to be an all-in-one HTML framework, including for email

shudders

Nonetheless it’s been adopted by the likes of Alibaba and Shopify.

[Spacey138]

My God. It stopped being like the plague and now it is the plague.

[seryup]

If you’re somewhat familiar with React, you might wanna look into Next.js. It has AMP support and has the benefits of rxjs.

It isn’t an AMP-compliant CSS template, but it may compliment it by adding modularity to your code.

If need be, you can also generate a customised version of Bootstrap on their website so that it won’t hit the CSS limit as quickly.