DEV Community

Jean Machuca for QCObjects

Posted on • Edited on

Accelerated Mobile Pages with QCObjects

AMP is a web component framework to easily create user-first websites.

QCObjects integrates many tools in a securer, faster and easier to learn runtime components scope, so why not use it to make a compelling accelerated mobile page that also can be designed into an N-Tier architecture, and all of this using pure javascript?

Added value that can QCObjects bring to AMP:

Organised Code Structure, Fast Rendering, Friendly syntax , Config Secure encryption , Simultaneous animation effects , Dynamic storage cache control , Components tree architecture , Runtime stacked components and...

Easy and short steps:

To make your first AMP application using QCObjects you only need to type this in your console:

> npm i qcobjects-cli

Then, create a directory for your app and enter it:

> mkdir mynewapp && cd mynewapp 

Finally, generate the new AMP template using the cli tool

> sudo qcobjects create mynewapp --amp

Done.

2.- Serving over HTTP2

Once you've created your application, you can serve it using the qcobjects-server tool installed with the cli tool. Go to the app directory and type:

> qcobjects-server 

and press enter.

Then, go to a web browser and navigate to:

https://localhost

Here is the complete example:

qcobjects-amp

Please let me know how to improve this article in a comment!

Cheers!

Top comments (0)