Adds <MetaTags>

web/src/pages/AboutPage/AboutPage.js

@@ -1,11 +1,15 @@
-import { Link, routes } from '@redwoodjs/router'
+import { MetaTags } from '@redwoodjs/web'
 
 const AboutPage = () => {
   return (
-    <p className="font-light">
-      This site was created to demonstrate my mastery of Redwood: Look on my
-      works, ye mighty, and despair!
-    </p>
+    <>
+      <MetaTags title="About" description="About page" />
+
+      <p className="font-light">
+        This site was created to demonstrate my mastery of Redwood: Look on my
+        works, ye mighty, and despair!
+      </p>
+    </>
   )
 }
 

web/src/pages/ArticlePage/ArticlePage.js

@@ -0,0 +1,14 @@
+import { MetaTags } from '@redwoodjs/web'
+import BlogPostCell from 'src/components/BlogPostCell'
+
+const ArticlePage = ({ id }) => {
+  return (
+    <>
+      <MetaTags title="Article" description="Article page" />
+
+      <BlogPostCell id={id} />
+    </>
+  )
+}
+
+export default ArticlePage

web/src/pages/BlogPostPage/ArticlePage.js

@@ -1,7 +0,0 @@
-import BlogPostCell from 'src/components/BlogPostCell'
-
-const ArticlePage = ({ id }) => {
-  return <BlogPostCell id={id} />
-}
-
-export default ArticlePage

web/src/pages/ContactPage/ContactPage.js

@@ -1,3 +1,4 @@
+import { MetaTags } from '@redwoodjs/web'
 import {
   Form,
   TextField,
@@ -36,6 +37,8 @@ const ContactPage = () => {
 
   return (
     <>
+      <MetaTags title="Contact" description="Contact page" />
+
       <Toaster />
       <Form
         onSubmit={onSubmit}

web/src/pages/HomePage/HomePage.js

@@ -1,8 +1,12 @@
+import { MetaTags } from '@redwoodjs/web'
 import BlogPostsCell from 'src/components/BlogPostsCell'
 
 const HomePage = () => {
   return (
-    <BlogPostsCell />
+    <>
+      <MetaTags title="Home" description="Home page" />
+      <BlogPostsCell />
+    </>
   )
 }