Starts Gatsby v2 example

Author: benjaminhoffman

examples/gatsby-v1/README.md

@@ -2,13 +2,17 @@
     <img alt="Gatsby" src="https://www.gatsbyjs.org/monogram.svg" width="60" />
 </p>
 
-## Example of [gatsby-plugin-mailchimp](https://github.com/benjaminhoffman/gatsby-plugin-mailchimp) using [`gatsby-starter-default`](https://github.com/gatsbyjs/gatsby-starter-default) for Gatsby v1.
+## Example of `gatsby-plugin-mailchimp` for Gatsby v1.
 
 
-This is an example of this mailchimp plugin using Gatsby's v1 default starter.  Nothing special, just wanted to show you a basic example of how to use this plugin.  I cloned down the `gatsby-starter-default` and installed the mailchimp plugin.  You can follow the instructions below and submit the form to see the results.
+This example repo combines `gatsby-starter-default` with `gatsby-plugin-mailchimp` for Gatsby **v1**.  It's nothing special -- I didn't change anything.  It's mostly used for you to see how to use this plugin.
+
+See something missing from this example?  Let me know and I will update it! ... or even better, open your own PR and I'll merge it!
+
+You can follow the instructions below and submit the form to see the results.
 
 ## Steps
-1. pull down repo
+1. clone down this repo
 2. add your mailchimp endpoint to `gatsby-config`
 3. `$ yarn install`
 4. `$ yarn develop`

examples/gatsby-v1/gatsby-browser.js

@@ -7,7 +7,7 @@ module.exports = {
     {
       resolve: 'gatsby-plugin-mailchimp',
       options: {
-        endpoint: 'https://LAcolon.us6.list-manage.com/subscribe/post?u=46b9f89ed6c3b91c8caf11b40&id=dc7ff0b690',
+        endpoint: '', // replace with your own Mailchimp endpoint for testing
       },
     },
   ],

examples/gatsby-v1/gatsby-config.js

@@ -17,6 +17,7 @@
   "scripts": {
     "build": "gatsby build",
     "develop": "gatsby develop",
+    "serve": "gatsby serve",
     "format": "prettier --write 'src/**/*.js'",
     "test": "echo \"Error: no test specified\" && exit 1"
   },

examples/gatsby-v1/package.json

@@ -0,0 +1,8 @@
+# Project dependencies
+.cache
+node_modules
+yarn-error.log
+
+# Build directory
+/public
+.DS_Store

examples/gatsby-v2/.gitignore

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

examples/gatsby-v2/.prettierrc

@@ -0,0 +1,20 @@
+<p align="center">
+    <img alt="Gatsby" src="https://www.gatsbyjs.org/monogram.svg" width="60" />
+</p>
+
+## Example of `gatsby-plugin-mailchimp` for Gatsby v2.
+
+
+This example repo combines `gatsby-starter-default` with `gatsby-plugin-mailchimp` for Gatsby **v2**.  It's nothing special -- I didn't change anything.  It's mostly used for you to see how to use this plugin.
+
+See something missing from this example?  Let me know and I will update it! ... or even better, open your own PR and I'll merge it!
+
+You can follow the instructions below and submit the form to see the results.
+
+## Steps
+1. clone down this repo
+2. add your mailchimp endpoint to `gatsby-config`
+3. `$ yarn install`
+4. `$ yarn develop`
+5. go to `localhost:8000/` in your browser and open your the console
+6. submit a form.  see the page & form state get logged to the screen

examples/gatsby-v2/README.md

@@ -0,0 +1,28 @@
+module.exports = {
+    siteMetadata: {
+      title: 'Gatsby Default Starter',
+    },
+    plugins: [
+      'gatsby-plugin-react-helmet',
+      {
+        resolve: `gatsby-plugin-manifest`,
+        options: {
+          name: 'gatsby-starter-default',
+          short_name: 'starter',
+          start_url: '/',
+          background_color: '#663399',
+          theme_color: '#663399',
+          display: 'minimal-ui',
+          icon: 'src/images/gatsby-icon.png', // This path is relative to the root of the site.
+        },
+      },
+      'gatsby-plugin-offline',
+      {
+        resolve: 'gatsby-plugin-mailchimp',
+        options: {
+          endpoint: '', // replace with your own Mailchimp endpoint for testing
+        },
+      },
+    ],
+  }
+  

examples/gatsby-v2/gatsby-config.js

@@ -0,0 +1,34 @@
+{
+  "name": "gatsby-starter-default",
+  "description": "Gatsby default starter",
+  "version": "1.0.0",
+  "author": "Kyle Mathews <[email protected]>",
+  "dependencies": {
+    "gatsby": "next",
+    "gatsby-plugin-mailchimp": "https://github.com/benjaminhoffman/gatsby-plugin-mailchimp.git#gatsby-v2",
+    "gatsby-plugin-manifest": "next",
+    "gatsby-plugin-offline": "next",
+    "gatsby-plugin-react-helmet": "next",
+    "react": "^16.4.2",
+    "react-dom": "^16.4.2",
+    "react-helmet": "^5.2.0"
+  },
+  "keywords": [
+    "gatsby"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "gatsby build",
+    "develop": "gatsby develop",
+    "serve": "gatsby serve",
+    "format": "prettier --write '**/*.js'",
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "devDependencies": {
+    "prettier": "^1.14.2"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gatsbyjs/gatsby-starter-default"
+  }
+}

examples/gatsby-v2/package.json

@@ -0,0 +1,33 @@
+import React from 'react'
+import { Link } from 'gatsby'
+
+const Header = ({ siteTitle }) => (
+  <div
+    style={{
+      background: 'rebeccapurple',
+      marginBottom: '1.45rem',
+    }}
+  >
+    <div
+      style={{
+        margin: '0 auto',
+        maxWidth: 960,
+        padding: '1.45rem 1.0875rem',
+      }}
+    >
+      <h1 style={{ margin: 0 }}>
+        <Link
+          to="/"
+          style={{
+            color: 'white',
+            textDecoration: 'none',
+          }}
+        >
+          {siteTitle}
+        </Link>
+      </h1>
+    </div>
+  </div>
+)
+
+export default Header