Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/tborges/google-amp-template

npm: OPEN SOURCE PROJECT
https://github.com/tborges/google-amp-template

Last synced: about 1 month ago
JSON representation

npm: OPEN SOURCE PROJECT

Awesome Lists containing this project

README

        


Google-AMP-Template


NPM version


Download


Use this package to create a website that uses Google AMP technology on your mobile, tablet and desktop. This project was created to speed up the development of Google AMP (Accelerated Mobile Pages) in just a couple minutes using command line interface (CLI).


LIVE PREVIEW




## About:: Google AMP (Accelerated Mobile Pages)
The Google AMP project is an open-source initiative aiming to make the web better for all. The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms. The Google AMP Cache serves cached copies of valid AMP content published to the web. Serve content directly from the Google AMP Cache to provide a fast user experience. Read more




## Google-AMP-Template

### Beta-Mary - Version NPM version

- Sidebar
- Vimeo Videos
- Carousel
- Pinterest
- Google Analytics
- Request Add/Remove Features here.




## Installation

``` shell
$ npm install google-amp-template
$ npm run google-amp-template
```




## Git Clone Example

``` html
$ git clone https://github.com/tborges/google-amp-template.git
$ cd google-amp-template
$ npm run google-amp-template // Run the package
// The package will create a brand new folder called "amp".
// Inside of "amp" folder open the index.html file (this is your AMP template).
```

## NPM Install Example

``` html
$ mkdir my-first-amp
$ cd my-first-amp
$ npm init
$ npm install google-amp-template
$ cd node_modules
$ cd google-amp-template
$ npm run google-amp-template // Run the package
// The package will create a brand new folder called "amp".
// Inside of "amp" folder open the index.html file (this is your AMP template).
```




## Screenshot

![Google-AMP-Template Mobile](https://raw.githubusercontent.com/tborges/google-amp-template/master/Google-AMP-Template-mobile.png)

![Google-AMP-Template Desktop 0](https://raw.githubusercontent.com/tborges/google-amp-template/master/Google-AMP-Template-desktop-0.png)

![Google-AMP-Template Desktop 1](https://raw.githubusercontent.com/tborges/google-amp-template/master/Google-AMP-Template-desktop-1.png)


LIVE PREVIEW








Help This Open-Source Project2>




Prs-Welcome





Buy Me A Coffee2>



Buy Me A Coffee