DTN button

Author: swyx

README.md

@@ -1,5 +1,13 @@
-this is a demo of using Netlify Identity by wrapping the goTrue API in a React Hook.
+#Netlify Identity + Reach Router by wrapping the goTrue API in a React Hook.
+
+[Deployed site here](https://unruffled-roentgen-04c3b8.netlify.com/)
+
+this is a demo of using Netlify Identity with Reach Router by wrapping the goTrue API in a React Hook.
 
 ⚠️Make sure Netlify Identity is enabled!!! or demo wont work
 
 Reach Router is used to show authentication as per [Ryan Florence](https://twitter.com/ryanflorence/status/1060361144701833216).
+
+If you want to fork/deploy this yourself on Netlfiy, click this:
+
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify/create-react-app-lambda/tree/reachRouterAndGoTrueDemo&stack=cms)

src/App.js

@@ -72,12 +72,24 @@ function Home() {
   return (
     <div>
       <h3>Welcome to the Home page!</h3>
-      <p>this is not behind an authentication wall</p>
       <p>
+        this is a <b>Public Page</b>, not behind an authentication wall
+      </p>
+      <p style={{ backgroundColor: '#EEE', padding: '1rem' }}>
+        <div>
+          <a
+            href={`https://app.netlify.com/start/deploy?repository=https://github.com/netlify/create-react-app-lambda/tree/reachRouterAndGoTrueDemo&stack=cms`}
+          >
+            <img
+              src="https://www.netlify.com/img/deploy/button.svg"
+              alt="Deploy to Netlify"
+            />
+          </a>
+        </div>
         This demo is{' '}
         <a href="https://github.com/netlify/create-react-app-lambda/tree/reachRouterAndGoTrueDemo">
           Open Source.
-        </a>
+        </a>{' '}
       </p>
     </div>
   );