Add Aurelia Guide (#1429)

* add aurelia guide

* Update pages/guides/deploying-aurelia-with-zeit-now.mdx

Co-Authored-By: Allen Hai <[email protected]>

Author: Matthew Sweeney

lib/data/guides.json

@@ -37,6 +37,16 @@
     "editUrl": "pages/guides/deploying-apolloserver-to-now.mdx",
     "lastEdited": "2019-10-11T23:41:55.000Z"
   },
+  {
+    "title": "Deploy Aurelia with ZEIT Now",
+    "description": "Create an Aurelia app and deploy it live with ZEIT Now.",
+    "published": "2019-11-01T12:00:00.860Z",
+    "authors": ["msweeneydev"],
+    "url": "/guides/deploying-aurelia-with-zeit-now",
+    "image": "https://og-image.now.sh/**Deploy%20Aurelia%20Apps**%20%3Cbr%2F%3E%20with%20ZEIT%20Now.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.zeit.co%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg&images=https%3A%2F%2Fcdn.svgporn.com%2Flogos%2Faurelia.svg&widths=300&widths=300&heights=300&heights=300",
+    "editUrl": "pages/guides/deploying-aurelia-with-zeit-now.mdx",
+    "lastEdited": "2019-11-01T09:10:37.000Z"
+  },
   {
     "title": "Create a Charge App That Builds and Deploys with ZEIT Now",
     "description": "Deploy your Charge app with ZEIT Now in 3 easy steps.",

pages/guides/deploying-aurelia-with-zeit-now.mdx

@@ -0,0 +1,69 @@
+import Guide from '~/components/layout/guide'
+import Snippet from '~/components/snippet'
+import Caption from '~/components/text/caption'
+import { GenericLink } from '~/components/text/link'
+import { Image } from '~/components/media'
+import { InlineCode } from '~/components/text/code'
+
+export const meta = {
+  title: 'Deploy Aurelia with ZEIT Now',
+  description: 'Create an Aurelia app and deploy it live with ZEIT Now.',
+  published: '2019-11-01T12:00:00.860Z',
+  authors: ['msweeneydev'],
+  url: '/guides/deploying-aurelia-with-zeit-now',
+  image:
+    'https://og-image.now.sh/**Deploy%20Aurelia%20Apps**%20%3Cbr%2F%3E%20with%20ZEIT%20Now.png?theme=light&md=1&fontSize=100px&images=https%3A%2F%2Fassets.zeit.co%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fzeit-black-triangle.svg&images=https%3A%2F%2Fcdn.svgporn.com%2Flogos%2Faurelia.svg&widths=300&widths=300&heights=300&heights=300',
+  editUrl: 'pages/guides/deploying-aurelia-with-zeit-now.mdx',
+  lastEdited: '2019-11-01T09:10:37.000Z'
+}
+
+[Aurelia](https://aurelia.io/home) is a JavaScript framework for web, mobile and desktop that leverages simple conventions to empower your creativity.
+
+Create and deploy a new Aurelia app with ZEIT Now without the setup using the button below.
+
+<a href="https://zeit.co/new/project?template=https://github.com/zeit/now-examples/tree/master/aurelia">
+  <Image src="https://zeit.co/button" width={104} height={36} align="left" />
+</a>
+
+Alternatively, set up an Aurelia app locally and deploy using [Now CLI](/download) with the following steps.
+
+## Step 1: Set Up Your Aurelia Project
+
+Set up an Aurelia app with [`npx`](https://www.npmjs.com/package/npx) and move into the project directory, choosing the option **Default ESNext App**:
+
+<Snippet dark text="npx au new && cd aurelia-app" />
+<Caption>Initializing an Aurelia app with <GenericLink href="https://www.npmjs.com/package/npx">npx</GenericLink> and moving into the project directory.</Caption>
+
+In the `/aurelia_project/aurelia.json` file, under the `platform` key, change the output directory for the project to `public`:
+
+```diff
+"platform": {
+    "hmr": false,
+    "open": false,
+    "port": 8080,
+-   "output": "dist"
++   "output": "public"
+}
+```
+
+<Caption>
+  Changing the output directory in the{' '}
+  <InlineCode>/aurelia_project/aurelia.json</InlineCode> file.
+</Caption>
+
+## Step 2: Deploying Your Aurelia App with ZEIT Now
+
+With an Aurelia app set up, it is ready to deploy live with [Now](/docs/v2).
+
+Using [Now CLI](/download), deploy your app with **a single command**:
+
+<Snippet dark text="now" />
+<Caption>Deploying your Aurelia app with Now CLI.</Caption>
+
+If you want to deploy your Aurelia app when you push to a Git repository, you can use either [Now for GitHub](/docs/v2/integrations/now-for-github/) or [Now for GitLab](/docs/v2/integrations/now-for-gitlab/) to have your project automatically deployed on every push, and the [production domain](https://zeit.co/docs/v2/custom-domains/#adding-a-domain) updated on push to master.
+
+export default ({ children }) => <Guide meta={meta}>{children}</Guide>
+
+export const config = {
+  amp: 'hybrid'
+}