Pre-deployment

web/src/layouts/BlogLayout/BlogLayout.js

@@ -0,0 +1,26 @@
+import { Link,routes } from '@redwoodjs/router'
+
+const BlogLayout = ({ children }) => {
+  return (
+    <>
+      <header>
+        <h1>
+          <Link to={routes.home()}>Redwood Blog</Link>
+        </h1>
+        <nav>
+          <ul>
+            <li>
+              <Link to={routes.about()}>About</Link>
+            </li>
+            <li>
+              <Link to={routes.contact()}>Contact</Link>
+            </li>
+          </ul>
+        </nav>
+      </header>
+      <main>{children}</main>
+    </>
+  )
+}
+
+export default BlogLayout

web/src/layouts/BlogLayout/BlogLayout.stories.js

@@ -0,0 +1,7 @@
+import BlogLayout from './BlogLayout'
+
+export const generated = () => {
+  return <BlogLayout />
+}
+
+export default { title: 'Layouts/BlogLayout' }

web/src/layouts/BlogLayout/BlogLayout.test.js

@@ -0,0 +1,11 @@
+import { render } from '@redwoodjs/testing'
+
+import BlogLayout from './BlogLayout'
+
+describe('BlogLayout', () => {
+  it('renders successfully', () => {
+    expect(() => {
+      render(<BlogLayout />)
+    }).not.toThrow()
+  })
+})