Added new React Guide for Authenticated Routes (#1675)

* Began work on new guides for auth * Added React guide * Updated guide * capitilization update * Addex Example Wrapper Co-authored-by: Erik Hanchett <ehhanche@amazon.com>
aws-amplify · Apr 13, 2022 · 572b728 · 572b728
1 parent 1b78ac7
commit 572b728
Show file tree

Hide file tree

Showing 11 changed files with 527 additions and 0 deletions.
diff --git a/docs/public/example-auth-routes.png b/docs/public/example-auth-routes.png
diff --git a/docs/src/components/Layout/Header.tsx b/docs/src/components/Layout/Header.tsx
@@ -67,6 +67,9 @@ const Nav = (props) => (
     <NavLink {...props} href="/theming">
       Theming
     </NavLink>
+    <NavLink {...props} href="/guides">
+      Guides
+    </NavLink>
     <Divider orientation="vertical" />
     <NavLink {...props} isExternal href="https://docs.amplify.aws">
       Amplify docs <MdOpenInNew />

diff --git a/docs/src/components/Layout/SecondaryNav.tsx b/docs/src/components/Layout/SecondaryNav.tsx
@@ -107,6 +107,19 @@ export const SecondaryNav = (props) => {
     );
   }
 
+  if (section === 'guides') {
+    return (
+      <>
+        <NavLink {...props} href="/guides">
+          Guides
+        </NavLink>
+        <NavLink {...props} href="/guides/auth-protected">
+          Protected Routes
+        </NavLink>
+      </>
+    );
+  }
+
   if (section === 'getting-started') {
     return (
       <>

diff --git a/docs/src/data/meta.ts b/docs/src/data/meta.ts
@@ -223,6 +223,15 @@ export const META_INFO: MetaInfo = {
     description:
       'A Theme is a structured collection of design decisions that change the appearance of a UI library. An Amplify UI theme is a structured object of design tokens, breakpoints, and overrides. - Amplify UI',
   },
+  '/guides': {
+    title: 'Guides',
+    description:
+      'Amplify guides are meant to give you a more in-depth understanding of how to use the Amplify CLI, libraries, and hosting to build out common functionality, end-to-end solutions, and frequently asked for workflows.',
+  },
+  '/guides/auth-protected': {
+    title: 'Guides',
+    description: 'How to protect routes with Amplify Authenticator.',
+  },
   '/theming/default-theme': {
     title: 'Theming - Default Theme',
     description:

diff --git a/docs/src/pages/guides/auth-protected/auth-protected.angular.mdx b/docs/src/pages/guides/auth-protected/auth-protected.angular.mdx
@@ -0,0 +1 @@
+## Coming Soon
diff --git a/docs/src/pages/guides/auth-protected/auth-protected.flutter.mdx b/docs/src/pages/guides/auth-protected/auth-protected.flutter.mdx
@@ -0,0 +1 @@
+## Coming Soon