Merge pull request #2 from redwoodjs/rc-tutorial

Start of site
redwoodjs · Mar 2, 2020 · c97a60c · c97a60c
2 parents 11ca801 + 7369534
commit c97a60c
Show file tree

Hide file tree

Showing 37 changed files with 8,282 additions and 11 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,13 @@
+.DS_Store
+.env
+node_modules
+publish/*
+!publish/images
+!publish/favicon.*
+yarn-error.log
+code/html/cookbook/*.html
+!code/html/cookbook/index.html
+code/html/docs/*.html
+!code/html/docs/index.html
+code/html/tutorial/*.html
+!code/html/tutorial/index.html
diff --git a/README.md b/README.md
@@ -0,0 +1,4 @@
+## redwoodjs.com
+
+This README was automatically generated by Cameron. You should use it to explain how to install
+and use your app!
diff --git a/code/html/404.html b/code/html/404.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>my_app2</title>
+    <link rel="stylesheet" type="text/css" href="/stylesheets/application.css" />
+    <script src="/javascripts/application.js"></script>
+  </head>
+
+  <body class="bg-gray-100 text-gray-900 font-sans antialiased text-center">
+    <main class="inline-block mx-auto py-8 px-16 mt-24 bg-white shadow">
+      <h3 class="text-4xl font-light text-gray-700">Page Not Found</h3>
+      <p class="mt-4"><a href="/" class="underline text-red-700">Go Home</a></p>
+    </main>
+  </body>
+</html>
diff --git a/code/html/_docs_nav.html b/code/html/_docs_nav.html
@@ -0,0 +1,18 @@
+<li>
+  <a href="/docs/introduction.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Introduction</a>
+</li>
+<li>
+  <a href="/docs/assets-and-files.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Assets and Files</a>
+</li>
+<li>
+  <a href="/docs/the-development-server.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">The Development Server</a>
+</li>
+<li>
+  <a href="/docs/the-redwood-command-line.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">The Redwood Command Line</a>
+</li>
+<li>
+  <a href="/docs/redwood-form.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Redwood Form</a>
+</li>
+<li>
+  <a href="/docs/redwood-router.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Redwood Router</a>
+</li>
diff --git a/code/html/_nav.html b/code/html/_nav.html
@@ -0,0 +1,100 @@
+<ul
+  class="-mt-1 ml-2"
+  data-controller="nav"
+  data-nav-active="bg-red-200 text-red-700 hover:text-red-700"
+>
+  <li class="mb-4"">
+    <a
+      href="/tutorial/index.html"
+      class="flex items-center my-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      data-action="click->nav#toggle"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        class="w-6 text-gray-700 fill-current"
+      >
+        <path d="M0 0h24v24H0V0z" fill="none" />
+        <path d="M13 13l-3-2.25L7 13V4H6v16h12V4h-5z" opacity=".3" />
+        <path
+          d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"
+        />
+      </svg>
+      <span class="ml-2">Tutorial</span>
+    </a>
+    <ul class="hidden ml-6 mt-2 mb-8">
+      @@include('tutorial_nav')
+    </ul>
+  </li>
+  <li class="mb-4"">
+    <a
+      href="/docs/index.html"
+      class="flex items-center my-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      data-action="click->nav#toggle"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        class="w-6 text-gray-700 fill-current"
+      >
+        <path d="M0 0h24v24H0V0z" fill="none" />
+        <path
+          d="M19.28 8.6l-.7-1.21-1.27.51-1.06.43-.91-.7c-.39-.3-.8-.54-1.23-.71l-1.06-.43-.16-1.13L12.7 4h-1.4l-.19 1.35-.16 1.13-1.06.44c-.41.17-.82.41-1.25.73l-.9.68-1.05-.42-1.27-.52-.7 1.21 1.08.84.89.7-.14 1.13c-.03.3-.05.53-.05.73s.02.43.05.73l.14 1.13-.89.7-1.08.84.7 1.21 1.27-.51 1.06-.43.91.7c.39.3.8.54 1.23.71l1.06.43.16 1.13.19 1.36h1.39l.19-1.35.16-1.13 1.06-.43c.41-.17.82-.41 1.25-.73l.9-.68 1.04.42 1.27.51.7-1.21-1.08-.84-.89-.7.14-1.13c.04-.31.05-.52.05-.73 0-.21-.02-.43-.05-.73l-.14-1.13.89-.7 1.1-.84zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
+          opacity=".3"
+        />
+        <path
+          d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+        />
+      </svg>
+      <span class="ml-2">Documentation</span>
+    </a>
+    <ul class="hidden ml-6 mt-2 mb-8">
+      @@include('docs_nav')
+    </ul>
+  </li>
+  <li class="mb-4"">
+    <a
+      href="/cookbook/index.html"
+      class="flex items-center my-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      data-action="click->nav#toggle"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        class="w-6 text-gray-700 fill-current"
+      >
+        <path d="M0 0h24v24H0V0z" fill="none" />
+        <path
+          d="M15.53 14.92l-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07c-.64.64-1.5 1-2.4 1.01v3h14v-3c-.9-.01-1.76-.37-2.4-1.01l-1.07-1.07zM18 11H6c-.55 0-1 .45-1 1v3.5c.51-.01.99-.21 1.34-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.36.36.84.56 1.35.57V12c0-.55-.45-1-1-1z"
+          opacity=".3"
+        />
+        <path
+          d="M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"
+        />
+      </svg>
+      <span class="ml-2">Cookbook</span>
+    </a>
+    <ul class="hidden ml-6 mt-2 mb-8">
+      <li class="my-1 px-2 py-1 text-gray-600">Coming soon!</li>
+    </ul>
+  </li>
+  <li class="mb-4"">
+    <a
+      href="https://discord.gg/jjSYEQd"
+      class="flex items-center my-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        viewBox="0 0 24 24"
+        class="w-6 text-gray-700 fill-current"
+      >
+        <path d="M0 0h24v24H0V0z" fill="none" />
+        <path
+          d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm0 15.17L18.83 16H4V4h16v13.17z"
+        />
+        <path d="M4 4v12h14.83L20 17.17V4z" opacity=".3" />
+      </svg>
+      <span class="ml-2">Community</span>
+    </a>
+  </li>
+</ul>
diff --git a/code/html/_search.html b/code/html/_search.html
@@ -0,0 +1,15 @@
+<form class="relative" data-controller="search">
+  <input
+    type="text"
+    name="search"
+    autocomplete="off"
+    placeholder='Search the docs (press "/" to focus)'
+    class="transition duration-200 border border-red-200 focus:border-red-400 text-red-800 outline-none rounded w-full px-4 py-2"
+    data-action="keyup->search#search focus->search#search click->search#search"
+    data-target="application.search"
+  />
+  <div
+    class="hidden absolute top-0 left-0 right-0 bg-white z-10 p-4 mt-12 rounded border border-red-200 overflow-x-auto"
+    data-target="search.results"
+  ></div>
+</form>
diff --git a/code/html/_top_level_nav.html b/code/html/_top_level_nav.html
@@ -0,0 +1,80 @@
+<ul class="-mt-1 ml-2">
+  <li class="flex items-center">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class="w-6 text-gray-700 fill-current"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path d="M13 13l-3-2.25L7 13V4H6v16h12V4h-5z" opacity=".3" />
+      <path
+        d="M18 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM9 4h2v5l-1-.75L9 9V4zm9 16H6V4h1v9l3-2.25L13 13V4h5v16z"
+      />
+    </svg>
+    <a
+      href="/tutorial/index.html"
+      class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      >Tutorial</a
+    >
+  </li>
+  <li class="flex items-center">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class="w-6 text-gray-700 fill-current"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M19.28 8.6l-.7-1.21-1.27.51-1.06.43-.91-.7c-.39-.3-.8-.54-1.23-.71l-1.06-.43-.16-1.13L12.7 4h-1.4l-.19 1.35-.16 1.13-1.06.44c-.41.17-.82.41-1.25.73l-.9.68-1.05-.42-1.27-.52-.7 1.21 1.08.84.89.7-.14 1.13c-.03.3-.05.53-.05.73s.02.43.05.73l.14 1.13-.89.7-1.08.84.7 1.21 1.27-.51 1.06-.43.91.7c.39.3.8.54 1.23.71l1.06.43.16 1.13.19 1.36h1.39l.19-1.35.16-1.13 1.06-.43c.41-.17.82-.41 1.25-.73l.9-.68 1.04.42 1.27.51.7-1.21-1.08-.84-.89-.7.14-1.13c.04-.31.05-.52.05-.73 0-.21-.02-.43-.05-.73l-.14-1.13.89-.7 1.1-.84zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z"
+        opacity=".3"
+      />
+      <path
+        d="M19.43 12.98c.04-.32.07-.64.07-.98 0-.34-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.09-.16-.26-.25-.44-.25-.06 0-.12.01-.17.03l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.06-.02-.12-.03-.18-.03-.17 0-.34.09-.43.25l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.09.16.26.25.44.25.06 0 .12-.01.17-.03l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.06.02.12.03.18.03.17 0 .34-.09.43-.25l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zm-1.98-1.71c.04.31.05.52.05.73 0 .21-.02.43-.05.73l-.14 1.13.89.7 1.08.84-.7 1.21-1.27-.51-1.04-.42-.9.68c-.43.32-.84.56-1.25.73l-1.06.43-.16 1.13-.2 1.35h-1.4l-.19-1.35-.16-1.13-1.06-.43c-.43-.18-.83-.41-1.23-.71l-.91-.7-1.06.43-1.27.51-.7-1.21 1.08-.84.89-.7-.14-1.13c-.03-.31-.05-.54-.05-.74s.02-.43.05-.73l.14-1.13-.89-.7-1.08-.84.7-1.21 1.27.51 1.04.42.9-.68c.43-.32.84-.56 1.25-.73l1.06-.43.16-1.13.2-1.35h1.39l.19 1.35.16 1.13 1.06.43c.43.18.83.41 1.23.71l.91.7 1.06-.43 1.27-.51.7 1.21-1.07.85-.89.7.14 1.13zM12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 6c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"
+      />
+    </svg>
+    <a
+      href="/docs/index.html"
+      class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      >Documentation</a
+    >
+  </li>
+  <li class="flex items-center">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class="w-6 text-gray-700 fill-current"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M15.53 14.92l-1.08 1.07c-1.3 1.3-3.58 1.31-4.89 0l-1.07-1.07-1.09 1.07c-.64.64-1.5 1-2.4 1.01v3h14v-3c-.9-.01-1.76-.37-2.4-1.01l-1.07-1.07zM18 11H6c-.55 0-1 .45-1 1v3.5c.51-.01.99-.21 1.34-.57l2.14-2.13 2.13 2.13c.74.74 2.03.74 2.77 0l2.14-2.13 2.13 2.13c.36.36.84.56 1.35.57V12c0-.55-.45-1-1-1z"
+        opacity=".3"
+      />
+      <path
+        d="M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z"
+      />
+    </svg>
+    <a
+      href="/cookbook/index.html"
+      class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      >Cookbook</a
+    >
+  </li>
+  <li class="flex items-center">
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      class="w-6 text-gray-700 fill-current"
+    >
+      <path d="M0 0h24v24H0V0z" fill="none" />
+      <path
+        d="M20 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4V4c0-1.1-.9-2-2-2zm0 15.17L18.83 16H4V4h16v13.17z"
+      />
+      <path d="M4 4v12h14.83L20 17.17V4z" opacity=".3" />
+    </svg>
+    <a
+      href="https://discord.gg/jjSYEQd"
+      class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded"
+      >Community</a
+    >
+  </li>
+</ul>
diff --git a/code/html/_tutorial_nav.html b/code/html/_tutorial_nav.html
@@ -0,0 +1,63 @@
+<li>
+  <a href="/tutorial/welcome-to-redwood.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Welcome to Redwood</a>
+</li>
+
+<li>
+  <a href="/tutorial/prerequisites.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Prerequisites</a>
+</li>
+
+<li>
+  <a href="/tutorial/installation-starting-development.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Installation & Starting Development</a>
+</li>
+
+<li>
+  <a href="/tutorial/redwood-file-structure.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Redwood File Structure</a>
+</li>
+
+<li>
+  <a href="/tutorial/our-first-page.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Our First Page</a>
+</li>
+
+<li>
+  <a href="/tutorial/a-second-page-and-a-link.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">A Second Page and a Link</a>
+</li>
+
+<li>
+  <a href="/tutorial/layouts.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Layouts</a>
+</li>
+
+<li>
+  <a href="/tutorial/getting-dynamic.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Getting Dynamic</a>
+</li>
+
+<li>
+  <a href="/tutorial/side-quest-how-redwood-works-with-data.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Side Quest: How Redwood Works with Data</a>
+</li>
+
+<li>
+  <a href="/tutorial/displaying-a-single-blog-post-routing-params.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Displaying a Single Blog Post - Routing Params</a>
+</li>
+
+<li>
+  <a href="/tutorial/side-quest-naming-conventions.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Side Quest: Naming Conventions</a>
+</li>
+
+<li>
+  <a href="/tutorial/everyone-s-favorite-thing-to-build-forms.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Everyone's Favorite Thing to Build: Forms</a>
+</li>
+
+<li>
+  <a href="/tutorial/saving-data.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Saving Data</a>
+</li>
+
+<li>
+  <a href="/tutorial/administration.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Administration</a>
+</li>
+
+<li>
+  <a href="/tutorial/deployment.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Deployment</a>
+</li>
+
+<li>
+  <a href="/tutorial/authentication.html" class="block my-1 px-2 py-1 transition duration-100 text-gray-600 hover:text-gray-800 rounded" data-target="nav.link">Authentication</a>
+</li>
diff --git a/code/html/cookbook/.keep b/code/html/cookbook/.keep
diff --git a/code/html/docs/.keep b/code/html/docs/.keep