add seo tags

src/components/seo.js

@@ -34,6 +34,7 @@ function SEO({ description, lang, meta, title }) {
       }}
       title={title}
       titleTemplate={`%s | ${site.siteMetadata.title}`}
+      defaultTitle={site.siteMetadata.title}
       meta={[
         {
           name: `description`,

src/pages/index.tsx

@@ -6,7 +6,7 @@ import SEO from '../components/seo';
 export default function IndexPage(props: PageProps) {
   return (
     <Layout>
-      <SEO title="" />
+      <SEO title={null} />
 
       {/* Begin Hero */}
       <div className="relative bg-white overflow-hidden">

src/templates/moduleTemplate.tsx

@@ -7,6 +7,7 @@ import Markdown from '../components/Markdown';
 import ModuleOrdering, { divisionLabels } from '../../content/ordering';
 import Transition from '../components/Transition';
 import { graphqlToModulesObject } from '../utils';
+import SEO from '../components/seo';
 
 const renderPrerequisite = prerequisite => {
   const link = prerequisite.length > 1 ? prerequisite[1] : null;
@@ -272,6 +273,8 @@ export default function Template(props) {
 
   return (
     <Layout>
+      <SEO title={`${mdx.frontmatter.title} (${divisionLabels[division]})`} />
+
       <div className="h-screen flex overflow-hidden bg-white">
         {/* Off-canvas menu for mobile */}
         <Transition show={isMobileNavOpen}>

src/templates/syllabusTemplate.js

@@ -77,7 +77,7 @@ export default function Template(props) {
 
   return (
     <Layout>
-      <SEO title="Home" />
+      <SEO title={divisionLabels[selectedDivision]} />
 
       <div className="min-h-screen bg-gray-50">
         {/* Begin Hero Section */}