vercel · timneutkens · Feb 25, 2019 · Feb 25, 2019 · Feb 25, 2019 · Feb 25, 2019
@@ -0,0 +1,48 @@
+[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/experimental-amp)
+
+# Google AMP
+
+## Warning
+
+This is an experimental feature that is subject to change (breaking) between releases.
+
+## How to use
+
+### Using `create-next-app`
+
+Execute [`create-next-app`](https://github.com/segmentio/create-next-app) with [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) or [npx](https://github.com/zkat/npx#readme) to bootstrap the example:
+
+```bash
+npx create-next-app --example experimental-amp experimental-amp-app
+# or
+yarn create next-app --example experimental-amp experimental-amp-app
+```
+
+### Download manually
+
+Download the example:
+
+```bash
+curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/experimental-amp
+cd experimental-amp
+```
+
+Install it and run:
+
+```bash
+npm install
+npm run dev
+# or
+yarn
+yarn dev
+```
+
+Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download))
+
+```bash
+now
+```
+
+## The idea behind the example
+
+The Next.js team is working on first-class AMP support. You can periodically fetch an updated version of this template to view our progress.
@@ -0,0 +1,11 @@
+export default ({ author }) => (
+  <>
+    <div className='byline'>By {author}</div>
+    <style jsx>{`
+      .byline {
+        color: green;
+        font-weight: bolder;
+      }
+    `}</style>
+  </>
+)
@@ -0,0 +1,5 @@
+module.exports = {
+  experimental: {
+    amp: true
+  }
+}
@@ -0,0 +1,15 @@
+{
+  "name": "experimental-amp",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "latest",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0"
+  },
+  "license": "ISC"
+}
@@ -0,0 +1,92 @@
+import Head from 'next/head'
+import { useAmp } from 'next/amp'
+import Byline from '../components/Byline'
+
+export default () => {
+  const isAmp = useAmp()
+
+  const ImageTag = isAmp ? 'amp-img' : 'img'
+  return (
+    <div>
+      <Head>
+        <title>The Dog</title>
+      </Head>
+      <h1>The Dog</h1>
+      <Byline author='Meow Meow Fuzzyface' />
+      <ImageTag src='/static/dog.jpg' width='470' height='350' alt='Woof' />
+      <p>
+        <a href={isAmp ? '/dog' : '/dog?amp=1'}>
+          {isAmp ? 'View Non-AMP' : 'View AMP'} Version
+        </a>
+      </p>
+      <p className='caption'>Woooooooooooof</p>
+      <p>
+        Wafer donut candy soufflé{' '}
+        <a href={isAmp ? '/?amp=1' : '/'}>lemon drops</a> icing. Marzipan gummi
+        bears pie danish lollipop pudding powder gummi bears sweet. Pie sweet
+        roll sweet roll topping chocolate bar dragée pudding chocolate cake.
+        Croissant sweet chocolate bar cheesecake candy canes. Tootsie roll icing
+        macaroon bonbon cupcake apple pie candy canes biscuit candy canes.
+        Jujubes jelly liquorice toffee gingerbread. Candy tootsie roll macaroon
+        chocolate bar icing sugar plum pie. Icing gummies chocolate bar
+        chocolate marzipan bonbon cookie chocolate tart. Caramels danish halvah
+        croissant. Cheesecake cookie tootsie roll ice cream. Powder dessert
+        carrot cake muffin tiramisu lemon drops liquorice topping brownie.
+        Soufflé chocolate cake croissant cupcake jelly.
+      </p>
+      <p>
+        Muffin gummies dessert cheesecake candy canes. Candy canes danish cotton
+        candy tart dessert powder bear claw marshmallow. Muffin chocolate
+        marshmallow danish. Chocolate bar biscuit cake tiramisu. Topping sweet
+        brownie jujubes powder marzipan. Croissant wafer bonbon chupa chups cake
+        cake marzipan caramels jujubes. Cupcake cheesecake sweet roll
+        marshmallow lollipop danish jujubes jelly icing. Apple pie chupa chups
+        lollipop jelly-o cheesecake jelly beans cake dessert. Tootsie roll
+        tootsie roll bonbon pastry croissant gummi bears cake cake. Fruitcake
+        sugar plum halvah gingerbread cookie pastry chupa chups wafer lemon
+        drops. Marshmallow liquorice oat cake lollipop. Lemon drops oat cake
+        halvah liquorice danish powder cupcake soufflé. Cake tart topping
+        jelly-o tart sugar plum. Chocolate bar cookie wafer tootsie roll candy
+        cotton candy toffee pie donut.
+      </p>
+      <p>
+        Ice cream lollipop marshmallow tiramisu jujubes croissant. Bear claw
+        lemon drops marzipan candy bonbon cupcake powder. Candy canes cheesecake
+        bear claw pastry cake donut jujubes. Icing tart jelly-o soufflé bonbon
+        apple pie. Cheesecake pie chupa chups toffee powder. Bonbon lemon drops
+        carrot cake pudding candy halvah cheesecake lollipop cupcake. Pudding
+        marshmallow fruitcake. Gummi bears bonbon chupa chups lemon drops. Wafer
+        dessert gummies gummi bears biscuit donut tiramisu gummi bears brownie.
+        Tootsie roll liquorice bonbon cookie. Sesame snaps chocolate bar cake
+        croissant chupa chups cheesecake gingerbread tiramisu jelly. Cheesecake
+        ice cream muffin lollipop gummies. Sesame snaps jelly beans sweet bear
+        claw tart.
+      </p>
+      <p>
+        Sweet topping chupa chups chocolate cake jelly-o liquorice danish.
+        Pastry jelly beans apple pie dessert pastry lemon drops marzipan
+        gummies. Jelly beans macaroon bear claw cotton candy. Toffee sweet
+        lollipop toffee oat cake. Jelly-o oat cake fruitcake chocolate bar
+        sweet. Lemon drops gummies chocolate cake lollipop bear claw croissant
+        danish icing. Chocolate bar donut brownie chocolate cake lemon drops
+        chocolate bar. Cake fruitcake pudding chocolate apple pie. Brownie
+        tiramisu chocolate macaroon lemon drops wafer soufflé jujubes icing.
+        Cheesecake tiramisu cake macaroon tart lollipop donut. Gummi bears
+        dragée pudding bear claw. Muffin cake cupcake candy canes. Soufflé candy
+        canes biscuit. Macaroon gummies danish.
+      </p>
+      <p>
+        Cupcake cupcake tart. Cotton candy danish candy canes oat cake ice cream
+        candy canes powder wafer. Chocolate sesame snaps oat cake dragée
+        cheesecake. Sesame snaps marshmallow topping liquorice cookie
+        marshmallow. Liquorice pudding chocolate bar. Cake powder brownie
+        fruitcake. Carrot cake dessert marzipan sugar plum cupcake cheesecake
+        pastry. Apple pie macaroon ice cream fruitcake apple pie cookie. Tootsie
+        roll ice cream oat cake cheesecake donut cheesecake bear claw. Sesame
+        snaps marzipan jelly beans chocolate tootsie roll. Chocolate bar donut
+        dragée ice cream biscuit. Pie candy canes muffin candy canes ice cream
+        tiramisu.
+      </p>
+    </div>
+  )
+}