update artwork

.gitignore

@@ -6,7 +6,6 @@
 v8-compile-cache-*
 jest/*
 coverage
-.serverless_plugins
 testProjects/*/package-lock.json
 testProjects/*/yarn.lock
 .serverlessUnzipped
@@ -19,7 +18,10 @@ build/
 .env*
 .cache*
 .serverless
+.serverless_nextjs
+.serverless_plugins
 env.js
 tmp
 package-lock.json
+yarn.lock
 test

README.md

@@ -22,7 +22,7 @@ You can use them now with the Serverless Framework. [Watch a video guide on usin
   - [Development Tips](#development-tips)
 - [Available Components](https://github.com/serverless-components)
 - [Templates](./templates)
-- [Artwork](./artwork)
+- [Artwork](https://github.com/serverless/artwork)
 - [Join Us on Slack](https://serverless.com/slack)
 - [Roadmap](https://github.com/serverless/components/projects/1)
 

templates/aws-cloudformation/serverless.yml

@@ -0,0 +1,21 @@
+name: my-service
+
+myStack:
+  component: '@serverless/aws-cloudformation'
+  inputs:
+    stackName: example-stack-1
+    template:
+      AWSTemplateFormatVersion: '2010-09-09'
+      Description: Example stack 1
+      Resources:
+        LogGroup:
+          Type: AWS::Logs::LogGroup
+          Properties:
+            LogGroupName: /log/group/one
+            RetentionInDays: 14
+      Outputs:
+        LogGroupArn:
+          Value:
+            Fn::GetAtt:
+              - LogGroup
+              - Arn

templates/backend-monolith/code/index.js

@@ -17,7 +17,7 @@ module.exports = async (event = {}, ctx) => {
       'Access-Control-Allow-Credentials': true,
     },
     body: {
-      message: `Response received at "${path}" path via a "${method}" method.`
+      message: `Response received at "${path}" path via a "${method}" method!!!`
     }
   }
 }

templates/backend-monolith/serverless.yml

@@ -3,6 +3,6 @@ name: backend-monolith
 backend:
   component: '@serverless/backend'
   inputs:
-    domain: api.serverless-fullstack.com # Register a custom domain on AWS Route 53 to enable this and SSL.
     code:
       src: code
+    # domain: api.serverless-fullstack.com # Register a custom domain on AWS Route 53 to enable this and SSL.

templates/cdn/serverless.yml

@@ -0,0 +1,7 @@
+name: my-cdn
+
+cdn:
+  component: '@serverless/cdn'
+  inputs:
+    region: us-east-1
+    # domain: cdn.serverless.com # optional

templates/fullstack-application/serverless.yml

@@ -9,7 +9,7 @@ dashboard:
       hook: npm run build
     env:
       apiUrl: ${api.url}
-    # domain: www.serverless-fullstack.com # Insert your custom domain here after registering it on Route53
+    # domain: www.serverlessmetrics.com # Insert your custom domain here after registering it on Route53
 
 api:
   component: '@serverless/backend'
@@ -19,7 +19,7 @@ api:
     env:
       dbName: ${database.name}
       dbRegion: ${database.region}
-    # domain: api.serverless-fullstack.com  # Insert your custom domain here after registering it on Route53
+    # domain: api.serverlessmetrics.com  # Insert your custom domain here after registering it on Route53
 
 database:
   component: '@serverless/aws-dynamodb'

templates/nextjs/.gitignore

@@ -0,0 +1,25 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+.env*
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

templates/nextjs/components/nav.js

@@ -0,0 +1,55 @@
+import React from 'react'
+import Link from 'next/link'
+
+const links = [
+  { href: 'https://github.com/zeit/next.js', label: 'GitHub' }
+].map(link => {
+  link.key = `nav-link-${link.href}-${link.label}`
+  return link
+})
+
+const Nav = () => (
+  <nav>
+    <ul>
+      <li>
+        <Link href='/'>
+          <a>Home</a>
+        </Link>
+      </li>
+      {links.map(({ key, href, label }) => (
+        <li key={key}>
+          <a href={href}>{label}</a>
+        </li>
+      ))}
+    </ul>
+
+    <style jsx>{`
+      :global(body) {
+        margin: 0;
+        font-family: -apple-system, BlinkMacSystemFont, Avenir Next, Avenir,
+          Helvetica, sans-serif;
+      }
+      nav {
+        text-align: center;
+      }
+      ul {
+        display: flex;
+        justify-content: space-between;
+      }
+      nav > ul {
+        padding: 4px 16px;
+      }
+      li {
+        display: flex;
+        padding: 6px 8px;
+      }
+      a {
+        color: #067df7;
+        text-decoration: none;
+        font-size: 13px;
+      }
+    `}</style>
+  </nav>
+)
+
+export default Nav

templates/nextjs/next.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  target: "serverless"
+};

templates/nextjs/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "nextjs",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "9.0.5",
+    "react": "16.9.0",
+    "react-dom": "16.9.0"
+  },
+  "devDependencies": {
+    "serverless-next.js": "^1.0.1"
+  }
+}

templates/nextjs/pages/index.js

@@ -0,0 +1,70 @@
+import React from 'react'
+import Link from 'next/link'
+import Head from 'next/head'
+import Nav from '../components/nav'
+
+const Home = () => (
+  <div>
+    <Head>
+      <title>Serverless Next.js</title>
+    </Head>
+
+    <Nav />
+
+    <div className='hero'>
+      <h1 className='title'>Welcome to Serverless Next.js!</h1>
+      <p className='description'>
+        This runs on AWS Lambda@Edge.
+      </p>
+    </div>
+
+    <style jsx>{`
+      .hero {
+        width: 100%;
+        color: #333;
+      }
+      .title {
+        margin: 0;
+        width: 100%;
+        padding-top: 80px;
+        line-height: 1.15;
+        font-size: 48px;
+      }
+      .title,
+      .description {
+        text-align: center;
+      }
+      .row {
+        max-width: 880px;
+        margin: 80px auto 40px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-around;
+      }
+      .card {
+        padding: 18px 18px 24px;
+        width: 220px;
+        text-align: left;
+        text-decoration: none;
+        color: #434343;
+        border: 1px solid #9b9b9b;
+      }
+      .card:hover {
+        border-color: #067df7;
+      }
+      .card h3 {
+        margin: 0;
+        color: #067df7;
+        font-size: 18px;
+      }
+      .card p {
+        margin: 0;
+        padding: 12px 0 0;
+        font-size: 13px;
+        color: #333;
+      }
+    `}</style>
+  </div>
+)
+
+export default Home

templates/nextjs/serverless.yml

@@ -0,0 +1,6 @@
+name: ssr-nextjs
+
+nextApp:
+  component: serverless-next.js
+  inputs:
+    # domain: www.serverless-nextjs.com # Register this on AWS Route53 first

templates/website/serverless.yml

@@ -6,4 +6,4 @@ website:
     code:
       src: dist
       hook: npm run build
-    domain: www.serverlessmetrics.com 
+    # domain: www.serverlessmetrics.com