Giter VIP home page Giter VIP logo

gatsby-amp-starter-blog's Introduction

gatsby-amp-starter-blog

A gatsby v1 starter for creating an AMP compliant blog.

For a gatsby v0 version, see this version.

Obviously you will want to invest more time on css/amponly.scss on your project to add more needed styling

Not sure what Amp is? Learn about Project AMP.

Running in development

npm run develop

Building for production

To create a production build, run yarn run build

The build will output to the public directory and that directory will contain an amp directory which has the amp version of your site.

You can then spin up a web server using MAMP or your tool of choice locally that points to your public directory. And test that your site is AMP compliant using this Chrome Extension

Requirements

  • Every image must have an image and width so image tags must be added to markdown as html tags. Img tags haven't been switched out in this example but the change is trivial.

gatsby-amp-starter-blog's People

Contributors

benstepp avatar gesposito avatar kyleamathews avatar luandro avatar mef avatar patrykkopycinski avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.