From de3c19219d2f3f203e6bfbb31572756af21a5ed7 Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Tue, 15 Feb 2022 21:32:51 -0500
Subject: [PATCH 1/8] initial WIP

---
 packages/cli/src/lifecycles/config.js         | 15 +---
 packages/cli/src/lifecycles/graph.js          |  6 +-
 .../plugins/resource/plugin-standard-html.js  | 68 ++++-------------
 packages/cli/src/templates/app.html           |  3 +-
 .../build.config.error-title.spec.js          | 49 ------------
 .../greenwood.config.js                       |  3 -
 .../build.config.meta.spec.js                 | 76 +++++++------------
 .../build.config.meta/greenwood.config.js     | 10 ---
 .../build.config.meta/src/templates/page.html | 14 ++++
 .../build.config.title.spec.js                | 13 ++--
 .../build.config.title/greenwood.config.js    |  3 -
 .../src/templates/page.html                   |  5 ++
 .../build.default.markdown.spec.js            | 11 +--
 .../greenwood.config.js                       |  3 -
 .../build.default.spa.spec.js                 |  7 +-
 .../build.default.ssr.spec.js                 |  4 +-
 .../build.default.ssr/src/pages/artists.js    | 57 +++++---------
 .../build.default.ssr/src/templates/app.html  |  3 +-
 .../src/templates/app.html                    |  1 +
 .../src/templates/app.html                    |  2 +-
 .../fixtures/layouts/app.html                 |  1 +
 .../fixtures/layouts/app.html                 |  1 +
 .../cases/develop.ssr/develop.ssr.spec.js     |  4 +-
 .../cases/develop.ssr/src/pages/artists.js    | 55 +++++---------
 .../cases/develop.ssr/src/templates/app.html  |  1 -
 .../init/src/template/greenwood.config.js     |  3 -
 .../cases/init.default/init.default.spec.js   | 18 +----
 packages/plugin-graphql/src/schema/config.js  | 11 ---
 .../cases/query-config/greenwood.config.js    |  1 -
 .../cases/query-config/query-config.spec.js   |  7 +-
 .../query-config/src/components/footer.js     |  2 +-
 .../cases/build.default/build.default.spec.js |  2 +-
 .../cases/build.default/src/pages/artists.js  |  6 +-
 .../build.default/src/templates/app.html      |  2 +-
 test/smoke-test.js                            |  2 +-
 35 files changed, 133 insertions(+), 336 deletions(-)
 delete mode 100644 packages/cli/test/cases/build.config.error-title/build.config.error-title.spec.js
 delete mode 100644 packages/cli/test/cases/build.config.error-title/greenwood.config.js
 delete mode 100644 packages/cli/test/cases/build.config.meta/greenwood.config.js
 create mode 100644 packages/cli/test/cases/build.config.meta/src/templates/page.html
 delete mode 100644 packages/cli/test/cases/build.config.title/greenwood.config.js
 create mode 100644 packages/cli/test/cases/build.config.title/src/templates/page.html
 delete mode 100644 packages/cli/test/cases/build.default.markdown/greenwood.config.js
 delete mode 100644 packages/init/src/template/greenwood.config.js

diff --git a/packages/cli/src/lifecycles/config.js b/packages/cli/src/lifecycles/config.js
index 36b357b7e..8914f153e 100644
--- a/packages/cli/src/lifecycles/config.js
+++ b/packages/cli/src/lifecycles/config.js
@@ -42,8 +42,6 @@ const defaultConfig = {
   port: 8080,
   optimization: optimizations[0],
   interpolateFrontmatter: false,
-  title: 'My App',
-  meta: [],
   plugins: greenwoodPlugins,
   markdown: { plugins: [], settings: {} },
   prerender: true,
@@ -60,7 +58,7 @@ const readAndMergeConfig = async() => {
 
       if (fs.existsSync(path.join(process.cwd(), 'greenwood.config.js'))) {
         const userCfgFile = (await import(pathToFileURL(path.join(process.cwd(), 'greenwood.config.js')))).default;
-        const { workspace, devServer, title, markdown, meta, optimization, plugins, port, prerender, staticRouter, pagesDirectory, templatesDirectory, interpolateFrontmatter } = userCfgFile;
+        const { workspace, devServer, markdown, optimization, plugins, port, prerender, staticRouter, pagesDirectory, templatesDirectory, interpolateFrontmatter } = userCfgFile;
 
         // workspace validation
         if (workspace) {
@@ -87,17 +85,6 @@ const readAndMergeConfig = async() => {
           }
         }
 
-        if (title) {
-          if (typeof title !== 'string') {
-            reject('Error: greenwood.config.js title must be a string');
-          }
-          customConfig.title = title;
-        }
-
-        if (meta && meta.length > 0) {
-          customConfig.meta = meta;
-        }
-
         if (typeof optimization === 'string' && optimizations.indexOf(optimization.toLowerCase()) >= 0) {
           customConfig.optimization = optimization;
         } else if (optimization) {
diff --git a/packages/cli/src/lifecycles/graph.js b/packages/cli/src/lifecycles/graph.js
index de46062e7..0594b637e 100644
--- a/packages/cli/src/lifecycles/graph.js
+++ b/packages/cli/src/lifecycles/graph.js
@@ -39,7 +39,7 @@ const generateGraph = async (compilation) => {
               .replace(extension, '')
               .replace(/\\/g, '/');
             let template = 'page';
-            let title = '';
+            let title = null;
             let imports = [];
             let label = '';
             let id;
@@ -51,7 +51,7 @@ const generateGraph = async (compilation) => {
               const { attributes } = fm(fileContents);
               
               template = attributes.template || 'page';
-              title = attributes.title || compilation.config.title || '';
+              title = attributes.title || title;
               id = attributes.label || filename.split(path.sep)[filename.split(path.sep).length - 1].replace(extension, '');
               imports = attributes.imports || [];
               label = id.split('-')
@@ -133,7 +133,6 @@ const generateGraph = async (compilation) => {
                 .replace(extension, '')
                 .replace(/\\/g, '/')
                 .concat('/');
-              title = `${compilation.config.title} - ${label}`;
               let ssrFrontmatter;
 
               filePath = route;
@@ -243,7 +242,6 @@ const generateGraph = async (compilation) => {
               filename: '404.html',
               route: '/404/',
               path: '404.html',
-              title: 'Not Found',
               id: '404',
               label: 'Not Found'
             }
diff --git a/packages/cli/src/plugins/resource/plugin-standard-html.js b/packages/cli/src/plugins/resource/plugin-standard-html.js
index 7a6eef433..75f88ee56 100644
--- a/packages/cli/src/plugins/resource/plugin-standard-html.js
+++ b/packages/cli/src/plugins/resource/plugin-standard-html.js
@@ -58,7 +58,7 @@ const getPageTemplate = (fullPath, templatesDir, template, contextPlugins = [],
   return contents;
 };
 
-const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugins, enableHud) => {
+const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugins, enableHud, frontmatterTitle) => {
   const userAppTemplatePath = `${templatesDir}app.html`;
   const customAppTemplates = getCustomPageTemplates(contextPlugins, 'app');
 
@@ -105,11 +105,15 @@ const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugi
     const headStyles = root.querySelectorAll('head style');
     const headTitle = root.querySelector('head title');
     const appTemplateHeadContents = appRoot.querySelector('head').innerHTML;
-
+    const title = frontmatterTitle || (headTitle ? headTitle.rawText : null);
     appTemplateContents = appTemplateContents.replace(/<page-outlet><\/page-outlet>/, body);
 
-    if (headTitle) {
-      appTemplateContents = appTemplateContents.replace(/<title>(.*)<\/title>/, `<title>${headTitle.rawText}</title>`);
+    if (title) {
+      if (!appRoot.querySelector('head title')) {
+        appTemplateContents = appTemplateContents.replace('<head>', '<head>\n <title></title>');
+      }
+
+      appTemplateContents = appTemplateContents.replace(/<title>(.*)<\/title>/, `<title>${title}</title>`);
     }
 
     // merge <script> tags
@@ -206,12 +210,12 @@ const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugi
       const appHeadMetaMatches = appTemplateHeadContents.match(matchNeedleMeta);
       const lastMeta = appHeadMetaMatches && appHeadMetaMatches.length && appHeadMetaMatches.length > 0
         ? appHeadMetaMatches[appHeadMetaMatches.length - 1]
-        : '<head>';
+        : '</title>';
       const pageMeta = headMeta.map((meta) => {
         return `<meta ${meta.rawAttrs}/>`;
       });
 
-      appTemplateContents = appTemplateContents.replace(lastMeta.replace('>', '/>'), `${lastMeta.replace('>', '/>')}\n
+      appTemplateContents = appTemplateContents.replace(lastMeta.replace('>', '/>'), `${lastMeta.replace('>', '/>')}
         ${pageMeta.join('\n')}
       `);
     }
@@ -268,48 +272,6 @@ const getUserScripts = (contents, context) => {
   return contents;
 };
 
-const getMetaContent = (url, config, contents, ssrFrontmatter = {}) => {
-  const existingTitleMatch = contents.match(/<title>(.*)<\/title>/);
-  const existingTitleCheck = !!(existingTitleMatch && existingTitleMatch[1] && existingTitleMatch[1] !== '');
-
-  const title = existingTitleCheck
-    ? existingTitleMatch[1]
-    : ssrFrontmatter.title
-      ? ssrFrontmatter.title
-      : config.title
-        ? config.title
-        : '';
-  const metaContent = [...config.meta || []].map(item => {
-    let metaHtml = '';
-
-    for (const [key, value] of Object.entries(item)) {
-      const isOgUrl = item.property === 'og:url' && key === 'content';
-      const hasTrailingSlash = isOgUrl && value[value.length - 1] === '/';
-      const contextualValue = isOgUrl
-        ? hasTrailingSlash
-          ? `${value}${url.replace('/', '')}`
-          : `${value}${url === '/' ? '' : url}`
-        : value;
-
-      metaHtml += ` ${key}="${contextualValue}"`;
-    }
-
-    return item.rel
-      ? `<link${metaHtml}/>`
-      : `<meta${metaHtml}/>`;
-  }).join('\n');
-
-  // add an empty <title> if it's not already there
-  if (!existingTitleMatch) {
-    contents = contents.replace('<head>', '<head><title></title>');
-  }
-
-  contents = contents.replace(/<title>(.*)<\/title>/, `<title>${title}</title>`);
-  contents = contents.replace('<meta-outlet></meta-outlet>', metaContent);
-
-  return contents;
-};
-
 class StandardHtmlResource extends ResourceInterface {
   constructor(compilation, options) {
     super(compilation, options);
@@ -350,6 +312,7 @@ class StandardHtmlResource extends ResourceInterface {
 
         let customImports = [];
         let body = '';
+        let title = null;
         let template = null;
         let frontMatter = {};
         let ssrBody;
@@ -394,7 +357,7 @@ class StandardHtmlResource extends ResourceInterface {
             frontMatter = fm.attributes;
 
             if (frontMatter.title) {
-              config.title = `${config.title} - ${frontMatter.title}`;
+              title = frontMatter.title;
             }
 
             if (frontMatter.template) {
@@ -430,7 +393,7 @@ class StandardHtmlResource extends ResourceInterface {
                 ssrFrontmatter = result.frontmatter;
 
                 if (ssrFrontmatter.title) {
-                  config.title = `${config.title} - ${ssrFrontmatter.title}`;
+                  title = ssrFrontmatter.title;
                 }
 
                 if (ssrFrontmatter.template) {
@@ -462,12 +425,11 @@ class StandardHtmlResource extends ResourceInterface {
         if (isClientSideRoute) {
           body = fs.readFileSync(fullPath, 'utf-8');
         } else {
-          body = ssrTemplate ? ssrTemplate : getPageTemplate(fullPath, userTemplatesDir, template, contextPlugins, pagesDir, ssrTemplate);
+          body = ssrTemplate ? ssrTemplate : getPageTemplate(fullPath, userTemplatesDir, template, contextPlugins, pagesDir);
         }
 
-        body = getAppTemplate(body, userTemplatesDir, customImports, contextPlugins, config.devServer.hud);
+        body = getAppTemplate(body, userTemplatesDir, customImports, contextPlugins, config.devServer.hud, title);
         body = getUserScripts(body, this.compilation.context);
-        body = getMetaContent(matchingRoute.route.replace(/\\/g, '/'), config, body, ssrFrontmatter);
 
         if (processedMarkdown) {
           const wrappedCustomElementRegex = /<p><[a-zA-Z]*-[a-zA-Z](.*)>(.*)<\/[a-zA-Z]*-[a-zA-Z](.*)><\/p>/g;
diff --git a/packages/cli/src/templates/app.html b/packages/cli/src/templates/app.html
index 4863951ee..c8ee05da6 100644
--- a/packages/cli/src/templates/app.html
+++ b/packages/cli/src/templates/app.html
@@ -1,13 +1,12 @@
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
   <head>
-    <title></title>
+    <title>My App</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-    <meta-outlet></meta-outlet>
   </head>
   <body>
     <page-outlet></page-outlet>
diff --git a/packages/cli/test/cases/build.config.error-title/build.config.error-title.spec.js b/packages/cli/test/cases/build.config.error-title/build.config.error-title.spec.js
deleted file mode 100644
index dec240428..000000000
--- a/packages/cli/test/cases/build.config.error-title/build.config.error-title.spec.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Use Case
- * Run Greenwood build command with a bad value for title in a custom config.
- *
- * User Result
- * Should throw an error.
- *
- * User Command
- * greenwood build
- *
- * User Config
- * {
- *   title: {}
- * }
- *
- * User Workspace
- * Greenwood default
- */
-import chai from 'chai';
-import path from 'path';
-import { Runner } from 'gallinago';
-import { fileURLToPath, URL } from 'url';
-
-const expect = chai.expect;
-
-describe('Build Greenwood With: ', function() {
-  const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
-  const outputPath = fileURLToPath(new URL('.', import.meta.url));
-  let runner;
-
-  before(async function() {
-    this.context = {
-      publicDir: path.join(outputPath, 'public')
-    };
-    runner = new Runner();
-  });
-
-  describe('Custom Configuration with a bad value for Title', function() {
-    it('should throw an error that title must be a string', async function() {
-      try {
-        await runner.setup(outputPath);
-        await runner.runCommand(cliPath, 'build');
-      } catch (err) {
-        expect(err).to.contain('greenwood.config.js title must be a string');
-      }
-    });
-  });
-
-});
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.config.error-title/greenwood.config.js b/packages/cli/test/cases/build.config.error-title/greenwood.config.js
deleted file mode 100644
index ca9bfb644..000000000
--- a/packages/cli/test/cases/build.config.error-title/greenwood.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  title: {}
-};
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js b/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
index f23c56a27..5a07d9eb7 100644
--- a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
+++ b/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
@@ -9,16 +9,7 @@
  * greenwood build
  *
  * User Config
- * {
- *   title: 'My Custom Greenwood App',
- *   meta: [
- *     { property: 'og:site', content: 'The Greenhouse I/O' },
- *     { property: 'og:url', content: 'https://www.thegreenhouse.io' },
- *     { name: 'twitter:site', content: '@thegreenhouseio' }
- *     { rel: 'shortcut icon', href: '/assets/images/favicon.ico' }
- *     { rel: 'icon', href: '/assets/images/favicon.ico' }
- *   ]
- * }
+ * None
  *
  * User Workspace
  * Greenwood default w/ nested page
@@ -28,9 +19,11 @@
  *       index.md
  *     hello.md
  *     index.md
+ *   template/
+ *     app.html
+ *     page.html
  */
 import fs from 'fs';
-import greenwoodConfig from './greenwood.config.js';
 import { JSDOM } from 'jsdom';
 import path from 'path';
 import chai from 'chai';
@@ -43,7 +36,6 @@ const expect = chai.expect;
 
 describe('Build Greenwood With: ', function() {
   const LABEL = 'Custom Meta Configuration and Nested Workspace';
-  const meta = greenwoodConfig.meta;
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
   const outputPath = fileURLToPath(new URL('.', import.meta.url));
   let runner;
@@ -56,14 +48,6 @@ describe('Build Greenwood With: ', function() {
   });
 
   describe(LABEL, function() {
-    const metaFilter = (metaKey) => {
-      return meta.filter((item) => {
-        if (item.property === metaKey || item.name === metaKey || item.rel === metaKey) {
-          return item;
-        }
-      })[0];
-    };
-
     before(async function() {
       await runner.setup(outputPath, getSetupFiles(outputPath));
       await runner.runCommand(cliPath, 'build');
@@ -81,7 +65,7 @@ describe('Build Greenwood With: ', function() {
       it('should have a <title> tag in the <head>', function() {
         const title = dom.window.document.querySelector('head title').textContent;
 
-        expect(title).to.be.equal(greenwoodConfig.title);
+        expect(title).to.be.equal('My Custom Greenwood App');
       });
 
       it('should have the expected heading text within the index page in the public directory', function() {
@@ -99,24 +83,22 @@ describe('Build Greenwood With: ', function() {
       });
 
       it('should have a <meta> tag with custom og:site content in the <head>', function() {
-        const ogSiteMeta = metaFilter('og:site');
-        const metaElement = dom.window.document.querySelector(`head meta[property="${ogSiteMeta.property}`);
+        const metaElement = dom.window.document.querySelector('head meta[property="og:site"');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(ogSiteMeta.content);
+        console.debug({ metaElement });
+        expect(metaElement.getAttribute('content')).to.be.equal('The Greenhouse I/O');
       });
 
       it('should have a <meta> tag with custom og:url content in the <head>', function() {
-        const ogUrlMeta = metaFilter('og:url');
-        const metaElement = dom.window.document.querySelector(`head meta[property="${ogUrlMeta.property}"]`);
+        const metaElement = dom.window.document.querySelector('head meta[property="og:url"]');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(ogUrlMeta.content);
+        expect(metaElement.getAttribute('content')).to.be.equal('https://www.thegreenhouse.io');
       });
 
       it('should have a <meta> tag with custom twitter:site content in the <head>', function() {
-        const twitterSiteMeta = metaFilter('twitter:site');
-        const metaElement = dom.window.document.querySelector(`head meta[name="${twitterSiteMeta.name}"]`);
+        const metaElement = dom.window.document.querySelector('head meta[property="twitter:site"]');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(twitterSiteMeta.content);
+        expect(metaElement.getAttribute('content')).to.be.equal('@thegreenhouseio');
       });
     });
 
@@ -132,24 +114,22 @@ describe('Build Greenwood With: ', function() {
       });
 
       it('should have a <meta> tag with custom og:site content in the <head>', function() {
-        const ogSiteMeta = metaFilter('og:site');
-        const metaElement = dom.window.document.querySelector(`head meta[property="${ogSiteMeta.property}`);
+        const metaElement = dom.window.document.querySelector('head meta[property="og:site"');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(ogSiteMeta.content);
+        console.debug({ metaElement });
+        expect(metaElement.getAttribute('content')).to.be.equal('The Greenhouse I/O');
       });
 
-      it('should have custom config <meta> tag with og:url property in the <head>', function() {
-        const ogUrlMeta = metaFilter('og:url');
-        const metaElement = dom.window.document.querySelector(`head meta[property="${ogUrlMeta.property}"]`);
+      it('should have a <meta> tag with custom og:url content in the <head>', function() {
+        const metaElement = dom.window.document.querySelector('head meta[property="og:url"]');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(`${ogUrlMeta.content}/about/`);
+        expect(metaElement.getAttribute('content')).to.be.equal('https://www.thegreenhouse.io');
       });
 
-      it('should have our custom config <meta> tag with twitter:site name in the <head>', function() {
-        const twitterSiteMeta = metaFilter('twitter:site');
-        const metaElement = dom.window.document.querySelector(`head meta[name="${twitterSiteMeta.name}"]`);
+      it('should have a <meta> tag with custom twitter:site content in the <head>', function() {
+        const metaElement = dom.window.document.querySelector('head meta[property="twitter:site"]');
 
-        expect(metaElement.getAttribute('content')).to.be.equal(twitterSiteMeta.content);
+        expect(metaElement.getAttribute('content')).to.be.equal('@thegreenhouseio');
       });
     });
 
@@ -160,18 +140,16 @@ describe('Build Greenwood With: ', function() {
         dom = await JSDOM.fromFile(path.resolve(this.context.publicDir, './index.html'));
       });
 
-      it('should have our custom config <link> tag with shortcut icon in the <head>', function() {
-        const shortcutIconLink = metaFilter('shortcut icon');
-        const linkElement = dom.window.document.querySelector(`head link[rel="${shortcutIconLink.rel}"]`);
+      it('should have our custom config <link> tag with shortcut icon in the <head> for the index page', function() {
+        const linkElement = dom.window.document.querySelector('head link[rel="shortcut icon"]');
 
-        expect(linkElement.getAttribute('href')).to.be.equal(shortcutIconLink.href);
+        expect(linkElement.getAttribute('href')).to.be.equal('/assets/images/favicon.ico');
       });
 
-      it('should have our custom config <link> tag with icon in the <head>', function() {
-        const iconLink = metaFilter('icon');
-        const linkElement = dom.window.document.querySelector(`head link[rel="${iconLink.rel}"]`);
+      it('should have our custom config <link> tag with icon in the <head> for the index page', function() {
+        const linkElement = dom.window.document.querySelector('head link[rel="icon"]');
 
-        expect(linkElement.getAttribute('href')).to.be.equal(iconLink.href);
+        expect(linkElement.getAttribute('href')).to.be.equal('/assets/images/favicon.ico');
       });
     });
   });
diff --git a/packages/cli/test/cases/build.config.meta/greenwood.config.js b/packages/cli/test/cases/build.config.meta/greenwood.config.js
deleted file mode 100644
index f76f50cf7..000000000
--- a/packages/cli/test/cases/build.config.meta/greenwood.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default {
-  title: 'My Custom Greenwood App',
-  meta: [
-    { property: 'og:site', content: 'The Greenhouse I/O' },
-    { property: 'og:url', content: 'https://www.thegreenhouse.io' },
-    { name: 'twitter:site', content: '@thegreenhouseio' },
-    { rel: 'shortcut icon', href: '/assets/images/favicon.ico' },
-    { rel: 'icon', href: '/assets/images/favicon.ico' }
-  ]
-};
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.config.meta/src/templates/page.html b/packages/cli/test/cases/build.config.meta/src/templates/page.html
new file mode 100644
index 000000000..7e18be785
--- /dev/null
+++ b/packages/cli/test/cases/build.config.meta/src/templates/page.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>My Custom Greenwood App</title>
+    <meta property="og:site" content="The Greenhouse I/O">
+    <meta property="og:url" content="https://www.thegreenhouse.io">
+    <meta property="twitter:site" content="@thegreenhouseio">
+    <link rel="shortcut icon" href="/assets/images/favicon.ico">
+    <link rel="icon" href="/assets/images/favicon.ico">
+  </head>
+  <body>
+    <content-outlet></content-outlet>
+  </body>
+</html>
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.config.title/build.config.title.spec.js b/packages/cli/test/cases/build.config.title/build.config.title.spec.js
index 29ea07540..d78954378 100644
--- a/packages/cli/test/cases/build.config.title/build.config.title.spec.js
+++ b/packages/cli/test/cases/build.config.title/build.config.title.spec.js
@@ -9,9 +9,7 @@
  * greenwood build
  *
  * User Config
- * {
- *   title: 'My Custom Greenwood App'
- * }
+ * None
  *
  * User Workspace
  * Greenwood default
@@ -19,9 +17,10 @@
  *   pages/
  *     index.md
  *     hello.md
+ *   templates/
+ *     page.html
  */
 import fs from 'fs';
-import greenwoodConfig from './greenwood.config.js';
 import { JSDOM } from 'jsdom';
 import path from 'path';
 import chai from 'chai';
@@ -30,7 +29,6 @@ import { getSetupFiles, getOutputTeardownFiles } from '../../../../../test/utils
 import { Runner } from 'gallinago';
 import { fileURLToPath, URL } from 'url';
 
-const configTitle = greenwoodConfig.title;
 const expect = chai.expect;
 
 describe('Build Greenwood With: ', function() {
@@ -65,12 +63,11 @@ describe('Build Greenwood With: ', function() {
       it('should have our custom config <title> tag in the <head>', function() {
         const title = dom.window.document.querySelector('head title').textContent;
 
-        expect(title).to.be.equal(configTitle);
+        expect(title).to.be.equal('My Custom Greenwood App');
       });
     });
 
     describe('Custom Front-Matter Title', function() {
-      const pageTitle = 'About Page';
       let dom;
 
       before(async function() {
@@ -84,7 +81,7 @@ describe('Build Greenwood With: ', function() {
       it('should have a overridden meta <title> tag in the <head> using markdown front-matter', function() {
         const title = dom.window.document.querySelector('head title').textContent;
 
-        expect(title).to.be.equal(`${configTitle} - ${pageTitle}`);
+        expect(title).to.be.equal('About Page');
       });
     });
   });
diff --git a/packages/cli/test/cases/build.config.title/greenwood.config.js b/packages/cli/test/cases/build.config.title/greenwood.config.js
deleted file mode 100644
index 019f06f64..000000000
--- a/packages/cli/test/cases/build.config.title/greenwood.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  title: 'My Custom Greenwood App'
-};
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.config.title/src/templates/page.html b/packages/cli/test/cases/build.config.title/src/templates/page.html
new file mode 100644
index 000000000..2d4118882
--- /dev/null
+++ b/packages/cli/test/cases/build.config.title/src/templates/page.html
@@ -0,0 +1,5 @@
+<html>
+  <head>
+    <title>My Custom Greenwood App</title>
+  </head>
+</html>
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.default.markdown/build.default.markdown.spec.js b/packages/cli/test/cases/build.default.markdown/build.default.markdown.spec.js
index f6d8c6c27..8f224b75b 100644
--- a/packages/cli/test/cases/build.default.markdown/build.default.markdown.spec.js
+++ b/packages/cli/test/cases/build.default.markdown/build.default.markdown.spec.js
@@ -9,9 +9,7 @@
  * greenwood build
  *
  * User Config
- * {
- *   title: 'a title to test correct title merging'
- * }
+ * None
  *
  * User Workspace
  * Greenwood default
@@ -53,13 +51,6 @@ describe('Build Greenwood With: ', function() {
       before(async function() {
         dom = await JSDOM.fromFile(path.resolve(this.context.publicDir, 'index.html'));
       });
-    
-      it('should have custom <title> tag in the <head>', function() {
-        const title = dom.window.document.querySelectorAll('head > title');
-
-        expect(title.length).to.be.equal(1);
-        expect(title[0].textContent).to.be.equal('this is the title from the config - this is a custom markdown title');
-      });
 
       it('should correctly rendering an <h3> tag', function() {
         const heading = dom.window.document.querySelectorAll('body h3');
diff --git a/packages/cli/test/cases/build.default.markdown/greenwood.config.js b/packages/cli/test/cases/build.default.markdown/greenwood.config.js
deleted file mode 100644
index 2641c593f..000000000
--- a/packages/cli/test/cases/build.default.markdown/greenwood.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  title: 'this is the title from the config'
-};
\ No newline at end of file
diff --git a/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js b/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
index 6f941a02f..9474dfad6 100644
--- a/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
+++ b/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
@@ -9,13 +9,16 @@
  * greenwood build
  *
  * User Config
- * {}
+ * None
  *
  * User Workspace
  * Greenwood default w/ single index.html file
  *  src/
  *   components/
  *     footer.js
+ *   routes/
+ *     about.js
+ *     home.js
  *   index.js
  *   index.html
  */
@@ -30,7 +33,7 @@ import { fileURLToPath, URL } from 'url';
 
 const expect = chai.expect;
 
-describe('Build Greenwood With: ', function() {
+xdescribe('Build Greenwood With: ', function() {
   const LABEL = 'A Single Page Application (SPA)';
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
   const outputPath = fileURLToPath(new URL('.', import.meta.url));
diff --git a/packages/cli/test/cases/build.default.ssr/build.default.ssr.spec.js b/packages/cli/test/cases/build.default.ssr/build.default.ssr.spec.js
index 14891e712..b733325c3 100644
--- a/packages/cli/test/cases/build.default.ssr/build.default.ssr.spec.js
+++ b/packages/cli/test/cases/build.default.ssr/build.default.ssr.spec.js
@@ -221,7 +221,7 @@ describe('Build Greenwood With: ', function() {
         const title = dom.window.document.querySelectorAll('head > title');
 
         expect(title.length).to.equal(1);
-        expect(title[0].textContent).to.equal('My App - /artists/');
+        expect(title[0].textContent).to.equal('/artists/');
       });
 
       it('should have custom metadata in the <head>', function() {
@@ -229,7 +229,7 @@ describe('Build Greenwood With: ', function() {
           .filter((tag) => tag.getAttribute('name') === 'description');
 
         expect(metaDescription.length).to.equal(1);
-        expect(metaDescription[0].getAttribute('content')).to.equal('My App - /artists/ (this was generated server side!!!)');
+        expect(metaDescription[0].getAttribute('content')).to.equal('/artists/ (this was generated server side!!!)');
       });
 
       it('should be a part of graph.json', function() {
diff --git a/packages/cli/test/cases/build.default.ssr/src/pages/artists.js b/packages/cli/test/cases/build.default.ssr/src/pages/artists.js
index 75d9970e7..6e43ccfa1 100644
--- a/packages/cli/test/cases/build.default.ssr/src/pages/artists.js
+++ b/packages/cli/test/cases/build.default.ssr/src/pages/artists.js
@@ -4,7 +4,8 @@ async function getTemplate(compilation, route) {
   return `
     <html>
       <head>
-        <meta name="description" content="${compilation.config.title} - ${route} (this was generated server side!!!)">
+        <title>${route}</title>
+        <meta name="description" content="${route} (this was generated server side!!!)">
 
         <script>
           console.log(${JSON.stringify(compilation.graph.map(page => page.title).join(''))});
@@ -50,49 +51,29 @@ async function getBody(compilation) {
     });
 
   return `
-    <html>
-      <head>
-        <style>
-          h1, h6 {
-            width: 90%;
-            margin: 0 auto;
-            text-align: center;
-          }
-          table {
-            width: 80%;
-            margin: 20px auto;
-            text-align: left;
-          }
-          img {
-            width: 50%;
-          }
-        </style>
-      </head>
-      <body>
-        <h1>Hello from the server rendered artists page! 👋</h1>
-        <table>
-          <tr>
-            <th>ID</th>
-            <th>Name</th>
-            <th>Decription</th>
-            <th>Genre</th>
-          </tr>
-          ${artistsListItems.join('')}
-        </table>
-        <h6>Fetched at: ${timestamp}</h6>
-        <pre>
-          ${JSON.stringify(compilation.graph.map(page => page.title).join(''))}
-        </pre>
-      </body>
-    </html>
+    <body>
+      <h1>Hello from the server rendered artists page! 👋</h1>
+      <table>
+        <tr>
+          <th>ID</th>
+          <th>Name</th>
+          <th>Description</th>
+          <th>Genre</th>
+        </tr>
+        ${artistsListItems.join('')}
+      </table>
+      <h6>Fetched at: ${timestamp}</h6>
+      <pre>
+        ${JSON.stringify(compilation.graph.map(page => page.title).join(''))}
+      </pre>
+    </body>
   `;
 }
 
-async function getFrontmatter(compilation, route) {
+async function getFrontmatter() {
   return {
     menu: 'navigation',
     index: 7,
-    title: `${compilation.config.title} - ${route}`,
     imports: [
       '/components/counter.js'
     ],
diff --git a/packages/cli/test/cases/build.default.ssr/src/templates/app.html b/packages/cli/test/cases/build.default.ssr/src/templates/app.html
index ca1ed274f..39d0ebbbb 100644
--- a/packages/cli/test/cases/build.default.ssr/src/templates/app.html
+++ b/packages/cli/test/cases/build.default.ssr/src/templates/app.html
@@ -1,12 +1,11 @@
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
   <head>
+    <title>Default Title</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta-outlet></meta-outlet>
     <script type="module" src="../components/footer.js"></script>
   </head>
-
   <body>
     <page-outlet></page-outlet>
     <app-footer></app-footer>
diff --git a/packages/cli/test/cases/build.default.workspace-template-app/src/templates/app.html b/packages/cli/test/cases/build.default.workspace-template-app/src/templates/app.html
index 6d3315077..f4ae70595 100644
--- a/packages/cli/test/cases/build.default.workspace-template-app/src/templates/app.html
+++ b/packages/cli/test/cases/build.default.workspace-template-app/src/templates/app.html
@@ -2,6 +2,7 @@
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
+    <title>My App</title>
     <meta charset='utf-8'>
     <meta name='viewport' content='width=device-width, initial-scale=1'/>
   </head>
diff --git a/packages/cli/test/cases/build.default.workspace-templates-relative-paths/src/templates/app.html b/packages/cli/test/cases/build.default.workspace-templates-relative-paths/src/templates/app.html
index be96376bb..d9408518a 100644
--- a/packages/cli/test/cases/build.default.workspace-templates-relative-paths/src/templates/app.html
+++ b/packages/cli/test/cases/build.default.workspace-templates-relative-paths/src/templates/app.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
-
   <head>
+    <title>My App</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <script type="module" src="../components/footer.js"></script>
diff --git a/packages/cli/test/cases/build.plugins.context/fixtures/layouts/app.html b/packages/cli/test/cases/build.plugins.context/fixtures/layouts/app.html
index 77e6480e8..69828b3cb 100644
--- a/packages/cli/test/cases/build.plugins.context/fixtures/layouts/app.html
+++ b/packages/cli/test/cases/build.plugins.context/fixtures/layouts/app.html
@@ -2,6 +2,7 @@
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
+    <title>My Theme Pack</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <link rel="stylesheet" href="/node_modules/my-theme-pack/dist/styles/theme.css"></link>
diff --git a/packages/cli/test/cases/develop.plugins.context/fixtures/layouts/app.html b/packages/cli/test/cases/develop.plugins.context/fixtures/layouts/app.html
index 77e6480e8..e1170c3c9 100644
--- a/packages/cli/test/cases/develop.plugins.context/fixtures/layouts/app.html
+++ b/packages/cli/test/cases/develop.plugins.context/fixtures/layouts/app.html
@@ -2,6 +2,7 @@
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
+    <title>My App</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <link rel="stylesheet" href="/node_modules/my-theme-pack/dist/styles/theme.css"></link>
diff --git a/packages/cli/test/cases/develop.ssr/develop.ssr.spec.js b/packages/cli/test/cases/develop.ssr/develop.ssr.spec.js
index 538a063ac..4dbfddc19 100644
--- a/packages/cli/test/cases/develop.ssr/develop.ssr.spec.js
+++ b/packages/cli/test/cases/develop.ssr/develop.ssr.spec.js
@@ -202,7 +202,7 @@ describe('Develop Greenwood With: ', function() {
         const title = dom.window.document.querySelectorAll('head > title');
 
         expect(title.length).to.equal(1);
-        expect(title[0].textContent).to.equal('My App - /artists/');
+        expect(title[0].textContent).to.equal('/artists/');
       });
 
       it('should have custom metadata in the <head>', function() {
@@ -210,7 +210,7 @@ describe('Develop Greenwood With: ', function() {
           .filter((tag) => tag.getAttribute('name') === 'description');
 
         expect(metaDescription.length).to.equal(1);
-        expect(metaDescription[0].getAttribute('content')).to.equal('My App - /artists/ (this was generated server side!!!)');
+        expect(metaDescription[0].getAttribute('content')).to.equal('/artists/ (this was generated server side!!!)');
       });
 
       it('should be a part of graph.json', function() {
diff --git a/packages/cli/test/cases/develop.ssr/src/pages/artists.js b/packages/cli/test/cases/develop.ssr/src/pages/artists.js
index cb31b181d..cd1884f91 100644
--- a/packages/cli/test/cases/develop.ssr/src/pages/artists.js
+++ b/packages/cli/test/cases/develop.ssr/src/pages/artists.js
@@ -4,7 +4,7 @@ async function getTemplate(compilation, route) {
   return `
     <html>
       <head>
-        <meta name="description" content="${compilation.config.title} - ${route} (this was generated server side!!!)">
+        <meta name="description" content="${route} (this was generated server side!!!)">
 
         <script>
           console.log(${JSON.stringify(compilation.graph.map(page => page.title).join(''))});
@@ -50,41 +50,22 @@ async function getBody(compilation) {
     });
 
   return `
-    <html>
-      <head>
-        <style>
-          h1, h6 {
-            width: 90%;
-            margin: 0 auto;
-            text-align: center;
-          }
-          table {
-            width: 80%;
-            margin: 20px auto;
-            text-align: left;
-          }
-          img {
-            width: 50%;
-          }
-        </style>
-      </head>
-      <body>
-        <h1>Hello from the server rendered artists page! 👋</h1>
-        <table>
-          <tr>
-            <th>ID</th>
-            <th>Name</th>
-            <th>Decription</th>
-            <th>Genre</th>
-          </tr>
-          ${artistsListItems.join('')}
-        </table>
-        <h6>Fetched at: ${timestamp}</h6>
-        <pre>
-          ${JSON.stringify(compilation.graph.map(page => page.title).join(''))}
-        </pre>
-      </body>
-    </html>
+    <body>
+      <h1>Hello from the server rendered artists page! 👋</h1>
+      <table>
+        <tr>
+          <th>ID</th>
+          <th>Name</th>
+          <th>Description</th>
+          <th>Genre</th>
+        </tr>
+        ${artistsListItems.join('')}
+      </table>
+      <h6>Fetched at: ${timestamp}</h6>
+      <pre>
+        ${JSON.stringify(compilation.graph.map(page => page.title).join(''))}
+      </pre>
+    </body>
   `;
 }
 
@@ -92,7 +73,7 @@ async function getFrontmatter(compilation, route) {
   return {
     menu: 'navigation',
     index: 7,
-    title: `${compilation.config.title} - ${route}`,
+    title: route,
     imports: [
       '/components/counter.js'
     ],
diff --git a/packages/cli/test/cases/develop.ssr/src/templates/app.html b/packages/cli/test/cases/develop.ssr/src/templates/app.html
index ca1ed274f..f83a34f54 100644
--- a/packages/cli/test/cases/develop.ssr/src/templates/app.html
+++ b/packages/cli/test/cases/develop.ssr/src/templates/app.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta-outlet></meta-outlet>
     <script type="module" src="../components/footer.js"></script>
   </head>
 
diff --git a/packages/init/src/template/greenwood.config.js b/packages/init/src/template/greenwood.config.js
deleted file mode 100644
index 6152def9a..000000000
--- a/packages/init/src/template/greenwood.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  title: 'My Project'
-};
\ No newline at end of file
diff --git a/packages/init/test/cases/init.default/init.default.spec.js b/packages/init/test/cases/init.default/init.default.spec.js
index fd69e4b91..20f86857f 100644
--- a/packages/init/test/cases/init.default/init.default.spec.js
+++ b/packages/init/test/cases/init.default/init.default.spec.js
@@ -15,7 +15,7 @@ import chai from 'chai';
 import fs from 'fs';
 import path from 'path';
 import { Runner } from 'gallinago';
-import { fileURLToPath, pathToFileURL, URL } from 'url';
+import { fileURLToPath, URL } from 'url';
 
 const expect = chai.expect;
 
@@ -45,10 +45,6 @@ describe('Scaffold Greenwood With Default Template: ', function() {
         expect(fs.existsSync(path.join(outputPath, 'src', 'pages'))).to.be.true;
       });
 
-      it('should generate a greenwood.config.js file', function() {
-        expect(fs.existsSync(path.join(outputPath, 'greenwood.config.js'))).to.be.true;
-      });
-
       it('should generate a .gitignore file', function() {
         expect(fs.existsSync(path.join(outputPath, '.gitignore'))).to.be.true;
       });
@@ -92,18 +88,6 @@ describe('Scaffold Greenwood With Default Template: ', function() {
       });
     });
 
-    describe('initial greenwood.config.js contents', function() {
-      let greenwoodConfig;
-
-      before(async function() {
-        greenwoodConfig = (await import(pathToFileURL(path.join(outputPath, './greenwood.config.js')))).default;
-      });
-
-      it('should have the correct title configuration', function() {
-        expect(greenwoodConfig.title).to.equal('My Project');
-      });
-    });
-
     describe('initial page contents', function() {
       it('should have the correct contents for src/pages.index.md', function() {
         const pageContents = fs.readFileSync(path.join(outputPath, 'src/pages/index.md'), 'utf-8');
diff --git a/packages/plugin-graphql/src/schema/config.js b/packages/plugin-graphql/src/schema/config.js
index 5f28f7a67..d7400fdc1 100644
--- a/packages/plugin-graphql/src/schema/config.js
+++ b/packages/plugin-graphql/src/schema/config.js
@@ -10,22 +10,11 @@ const configTypeDefs = gql`
     port: Int
   }
 
-  type Meta {
-    name: String,
-    value: String,
-    content: String,
-    rel: String,
-    property: String,
-    href: String
-  }
-
   type Config {
     devServer: DevServer,
-    meta: [Meta],
     staticRouter: Boolean,
     optimization: String,
     prerender: Boolean,
-    title: String,
     workspace: String
   }
 
diff --git a/packages/plugin-graphql/test/cases/query-config/greenwood.config.js b/packages/plugin-graphql/test/cases/query-config/greenwood.config.js
index 165689cf4..d74f1de5e 100644
--- a/packages/plugin-graphql/test/cases/query-config/greenwood.config.js
+++ b/packages/plugin-graphql/test/cases/query-config/greenwood.config.js
@@ -1,7 +1,6 @@
 import { greenwoodPluginGraphQL } from '../../../src/index.js';
 
 export default {
-  title: 'GraphQL ConfigQuery Spec',
 
   plugins: [
     ...greenwoodPluginGraphQL()
diff --git a/packages/plugin-graphql/test/cases/query-config/query-config.spec.js b/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
index ce3e4979c..6c257669c 100644
--- a/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
+++ b/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
@@ -20,7 +20,6 @@
  */
 import chai from 'chai';
 import fs from 'fs';
-import greenwoodConfig from './greenwood.config.js';
 import glob from 'glob-promise';
 import { JSDOM } from 'jsdom';
 import path from 'path';
@@ -31,7 +30,7 @@ import { fileURLToPath, URL } from 'url';
 
 const expect = chai.expect;
 
-describe('Build Greenwood With: ', function() {
+xdescribe('Build Greenwood With: ', function() {
   const LABEL = 'ConfigQuery from GraphQL';
   const apolloStateRegex = /window.__APOLLO_STATE__ = true/;
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
@@ -67,7 +66,7 @@ describe('Build Greenwood With: ', function() {
 
     runSmokeTest(['public', 'index'], LABEL);
 
-    describe('displaying config title in the footer using ConfigQuery', function() {
+    describe('displaying config optimization in the footer using ConfigQuery', function() {
       let dom;
 
       before(async function() {
@@ -77,7 +76,7 @@ describe('Build Greenwood With: ', function() {
       it('should have a <footer> in the <body> with greenwoodConfig#title as the text value', function() {
         const footer = dom.window.document.querySelector('body footer');
 
-        expect(footer.innerHTML).to.be.equal(greenwoodConfig.title);
+        expect(footer.innerHTML).to.be.equal('ssg');
       });
 
       it('should have one window.__APOLLO_STATE__ <script> with (approximated) expected state', function() {
diff --git a/packages/plugin-graphql/test/cases/query-config/src/components/footer.js b/packages/plugin-graphql/test/cases/query-config/src/components/footer.js
index cddb2ca57..8a0210757 100644
--- a/packages/plugin-graphql/test/cases/query-config/src/components/footer.js
+++ b/packages/plugin-graphql/test/cases/query-config/src/components/footer.js
@@ -13,7 +13,7 @@ class FooterComponent extends HTMLElement {
       query: ConfigQuery
     }).then((response) => {
       this.root.innerHTML = `
-        <footer>${response.data.config.title}</footer>
+        <footer>${response.data.config.optimization}</footer>
       `;
     });
   }
diff --git a/packages/plugin-renderer-lit/test/cases/build.default/build.default.spec.js b/packages/plugin-renderer-lit/test/cases/build.default/build.default.spec.js
index cfedda961..8cd6fdce9 100644
--- a/packages/plugin-renderer-lit/test/cases/build.default/build.default.spec.js
+++ b/packages/plugin-renderer-lit/test/cases/build.default/build.default.spec.js
@@ -226,7 +226,7 @@ describe('Build Greenwood With: ', function() {
           .filter((tag) => tag.getAttribute('name') === 'description');
 
         expect(metaDescription.length).to.equal(1);
-        expect(metaDescription[0].getAttribute('content')).to.equal('My App - /artists/ (this was generated server side!!!)');
+        expect(metaDescription[0].getAttribute('content')).to.equal('/artists/ (this was generated server side!!!)');
       });
 
       it('should be a part of graph.json', function() {
diff --git a/packages/plugin-renderer-lit/test/cases/build.default/src/pages/artists.js b/packages/plugin-renderer-lit/test/cases/build.default/src/pages/artists.js
index ad6792128..2bdf8c57f 100644
--- a/packages/plugin-renderer-lit/test/cases/build.default/src/pages/artists.js
+++ b/packages/plugin-renderer-lit/test/cases/build.default/src/pages/artists.js
@@ -7,7 +7,7 @@ async function getTemplate(compilation, route) {
   return html`
     <html>
       <head>
-        <meta name="description" content="${compilation.config.title} - ${route} (this was generated server side!!!)"/>
+        <meta name="description" content="${route} (this was generated server side!!!)"/>
         <style>
           * {
             color: blue;
@@ -38,7 +38,7 @@ async function getBody() {
       <tr>
         <th>ID</th>
         <th>Name</th>
-        <th>Decription</th>
+        <th>Description</th>
         <th>Message</th>
         <th>Picture</th>
       </tr>
@@ -69,7 +69,7 @@ async function getFrontmatter(compilation, route) {
   return {
     menu: 'navigation',
     index: 7,
-    title: `${compilation.config.title} - ${route}`,
+    title: `My App - ${route}`,
     data: {
       author: 'Project Evergreen',
       date: '01-01-2021'
diff --git a/packages/plugin-renderer-lit/test/cases/build.default/src/templates/app.html b/packages/plugin-renderer-lit/test/cases/build.default/src/templates/app.html
index 645e6f305..31457a410 100644
--- a/packages/plugin-renderer-lit/test/cases/build.default/src/templates/app.html
+++ b/packages/plugin-renderer-lit/test/cases/build.default/src/templates/app.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
   <head>
+    <title>My App</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
-    <meta-outlet></meta-outlet>
   </head>
 
   <body>
diff --git a/test/smoke-test.js b/test/smoke-test.js
index 33a4ccc7e..348383fe7 100644
--- a/test/smoke-test.js
+++ b/test/smoke-test.js
@@ -45,7 +45,7 @@ function commonIndexSpecs(dom, html, label) {
       });
 
       it('should have matching opening and closing <head> tags in the <head>', function() {
-        // add an expclit > here to avoid conflicting with <header>
+        // add an explicit > here to avoid conflicting with <header>
         // which is used in a lot of test case scaffolding
         expect(tagsMatch('head>', html, 1)).to.be.equal(true);
       });

From cb1e7dce7696cd257057df41061352937b7e4dab Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Wed, 16 Feb 2022 09:37:24 -0500
Subject: [PATCH 2/8] all specs passing

---
 packages/cli/src/lifecycles/config.js         |  2 +-
 .../build.config.meta.spec.js                 |  2 --
 .../build.default.spa.spec.js                 |  2 +-
 .../plugin-graphql/src/queries/config.gql     |  9 ------
 .../cases/query-config/query-config.spec.js   |  4 +--
 .../plugin-graphql/test/unit/mocks/config.js  |  5 ---
 .../test/unit/schema/config.spec.js           | 32 -------------------
 7 files changed, 4 insertions(+), 52 deletions(-)

diff --git a/packages/cli/src/lifecycles/config.js b/packages/cli/src/lifecycles/config.js
index 8914f153e..ddf8c7d62 100644
--- a/packages/cli/src/lifecycles/config.js
+++ b/packages/cli/src/lifecycles/config.js
@@ -206,7 +206,7 @@ const readAndMergeConfig = async() => {
           }
         }
       } else {
-        // SPA should not prerender by default
+        // SPA should _not_ prerender unless if user has specified prerender should be true
         if (fs.existsSync(path.join(customConfig.workspace, 'index.html'))) {
           customConfig.prerender = false;
         }
diff --git a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js b/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
index 5a07d9eb7..25c67f34c 100644
--- a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
+++ b/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
@@ -85,7 +85,6 @@ describe('Build Greenwood With: ', function() {
       it('should have a <meta> tag with custom og:site content in the <head>', function() {
         const metaElement = dom.window.document.querySelector('head meta[property="og:site"');
 
-        console.debug({ metaElement });
         expect(metaElement.getAttribute('content')).to.be.equal('The Greenhouse I/O');
       });
 
@@ -116,7 +115,6 @@ describe('Build Greenwood With: ', function() {
       it('should have a <meta> tag with custom og:site content in the <head>', function() {
         const metaElement = dom.window.document.querySelector('head meta[property="og:site"');
 
-        console.debug({ metaElement });
         expect(metaElement.getAttribute('content')).to.be.equal('The Greenhouse I/O');
       });
 
diff --git a/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js b/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
index 9474dfad6..f99381ca8 100644
--- a/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
+++ b/packages/cli/test/cases/build.default.spa/build.default.spa.spec.js
@@ -33,7 +33,7 @@ import { fileURLToPath, URL } from 'url';
 
 const expect = chai.expect;
 
-xdescribe('Build Greenwood With: ', function() {
+describe('Build Greenwood With: ', function() {
   const LABEL = 'A Single Page Application (SPA)';
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
   const outputPath = fileURLToPath(new URL('.', import.meta.url));
diff --git a/packages/plugin-graphql/src/queries/config.gql b/packages/plugin-graphql/src/queries/config.gql
index 7d2580bc6..797d13ac4 100644
--- a/packages/plugin-graphql/src/queries/config.gql
+++ b/packages/plugin-graphql/src/queries/config.gql
@@ -3,18 +3,9 @@ query {
   	devServer {
       port
     },
-    meta {
-      name,
-      rel,
-      content,
-      property,
-      value,
-      href
-    },
     staticRouter,
     optimization,
     prerender,
-    title,
     workspace
   }
 }
\ No newline at end of file
diff --git a/packages/plugin-graphql/test/cases/query-config/query-config.spec.js b/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
index 6c257669c..d4d5e8917 100644
--- a/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
+++ b/packages/plugin-graphql/test/cases/query-config/query-config.spec.js
@@ -30,7 +30,7 @@ import { fileURLToPath, URL } from 'url';
 
 const expect = chai.expect;
 
-xdescribe('Build Greenwood With: ', function() {
+describe('Build Greenwood With: ', function() {
   const LABEL = 'ConfigQuery from GraphQL';
   const apolloStateRegex = /window.__APOLLO_STATE__ = true/;
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
@@ -76,7 +76,7 @@ xdescribe('Build Greenwood With: ', function() {
       it('should have a <footer> in the <body> with greenwoodConfig#title as the text value', function() {
         const footer = dom.window.document.querySelector('body footer');
 
-        expect(footer.innerHTML).to.be.equal('ssg');
+        expect(footer.innerHTML).to.be.equal('default');
       });
 
       it('should have one window.__APOLLO_STATE__ <script> with (approximated) expected state', function() {
diff --git a/packages/plugin-graphql/test/unit/mocks/config.js b/packages/plugin-graphql/test/unit/mocks/config.js
index a35f31787..f9ede682d 100644
--- a/packages/plugin-graphql/test/unit/mocks/config.js
+++ b/packages/plugin-graphql/test/unit/mocks/config.js
@@ -3,11 +3,6 @@ const MOCK_CONFIG = {
     devServer: {
       port: 1984
     },
-    meta: [
-      { name: 'twitter:site', content: '@PrjEvergreen' },
-      { rel: 'icon', href: '/assets/favicon.ico' }
-    ],
-    title: 'My App',
     workspace: 'src'
   }
 };
diff --git a/packages/plugin-graphql/test/unit/schema/config.spec.js b/packages/plugin-graphql/test/unit/schema/config.spec.js
index 9e3cb78b1..11580006f 100644
--- a/packages/plugin-graphql/test/unit/schema/config.spec.js
+++ b/packages/plugin-graphql/test/unit/schema/config.spec.js
@@ -23,30 +23,6 @@ describe('Unit Test: Data', function() {
         });
       });
 
-      describe('Meta', function() {
-        const { meta } = MOCK_CONFIG.config;
-
-        it('should have the expected name meta in the first indexx', function() {
-          const nameMeta = config.meta[0];
-
-          expect(nameMeta.name).to.equal(meta[0].name);
-        });
-
-        it('should have the expected rel meta in the second index', function() {
-          const relMeta = config.meta[1];
-
-          expect(relMeta.rel).to.equal(meta[1].rel);
-        });
-      });
-
-      describe('Mode', function() {
-
-        it('should have a default mode setting of mode', function() {
-          expect(config.mode).to.equal(MOCK_CONFIG.config.mode);
-        });
-
-      });
-
       describe('Optimization', function() {
 
         it('should have a default optimization setting of default', function() {
@@ -63,14 +39,6 @@ describe('Unit Test: Data', function() {
 
       });
 
-      describe('Title', function() {
-        const { title } = MOCK_CONFIG.config;
-
-        it('should have the expected title', function() {  
-          expect(title).to.equal(config.title);
-        });
-      });
-
       describe('Workspace', function() {
         const { workspace } = MOCK_CONFIG.config;
 

From f196bec36fb1c5d78043f42d96fe6b59de187371 Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Wed, 16 Feb 2022 10:25:23 -0500
Subject: [PATCH 3/8] all systems go

---
 .../init/test/cases/develop.default/develop.default.spec.js     | 2 +-
 www/templates/app.html                                          | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/init/test/cases/develop.default/develop.default.spec.js b/packages/init/test/cases/develop.default/develop.default.spec.js
index c6fc045aa..2ccd1dda2 100644
--- a/packages/init/test/cases/develop.default/develop.default.spec.js
+++ b/packages/init/test/cases/develop.default/develop.default.spec.js
@@ -133,7 +133,7 @@ xdescribe('Scaffold Greenwood and Run Develop command: ', function() {
           it('should display My Project title', function(done) {
             const title = dom.window.document.querySelector('head > title');
             
-            expect(title.textContent).to.equal('My Project');
+            expect(title.textContent).to.equal('My App');
 
             done();
           });
diff --git a/www/templates/app.html b/www/templates/app.html
index 0fa7ce11b..11cf2c4f8 100644
--- a/www/templates/app.html
+++ b/www/templates/app.html
@@ -7,7 +7,6 @@
     <meta name="mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-    <meta-outlet></meta-outlet>
 
     <link rel="stylesheet" href="../assets/fonts/source-sans-pro.css"></link>
     <link rel="stylesheet" href="../styles/theme.css"></link>

From 7891fd6a3210d7a21ba19f2b0925c30bcf0a1a5f Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Wed, 16 Feb 2022 10:30:22 -0500
Subject: [PATCH 4/8] remove references to meta content

---
 .../cli/test/cases/build.config.prerender/src/pages/index.html | 1 -
 packages/cli/test/cases/build.default.spa/src/index.html       | 1 -
 .../cases/build.default.workspace-nested/src/pages/index.html  | 3 ---
 3 files changed, 5 deletions(-)

diff --git a/packages/cli/test/cases/build.config.prerender/src/pages/index.html b/packages/cli/test/cases/build.config.prerender/src/pages/index.html
index 0f2380842..bb9fe6edc 100644
--- a/packages/cli/test/cases/build.config.prerender/src/pages/index.html
+++ b/packages/cli/test/cases/build.config.prerender/src/pages/index.html
@@ -1,7 +1,6 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta-outlet></meta-outlet>
     <script type="module" src="/components/header.js"></script>
   </head>
 
diff --git a/packages/cli/test/cases/build.default.spa/src/index.html b/packages/cli/test/cases/build.default.spa/src/index.html
index ff39b20ac..876ebe7d2 100644
--- a/packages/cli/test/cases/build.default.spa/src/index.html
+++ b/packages/cli/test/cases/build.default.spa/src/index.html
@@ -3,7 +3,6 @@
 
   <head>
     <title>My Super SPA</title>
-    <meta-outlet></meta-outlet>
     <meta property="og:description" content="My custom meta content." />
     <script type="module" src="/components/footer.js"></script>
     <script type="module" src="/index.js"></script>
diff --git a/packages/cli/test/cases/build.default.workspace-nested/src/pages/index.html b/packages/cli/test/cases/build.default.workspace-nested/src/pages/index.html
index 90598b163..6c2ea7b46 100644
--- a/packages/cli/test/cases/build.default.workspace-nested/src/pages/index.html
+++ b/packages/cli/test/cases/build.default.workspace-nested/src/pages/index.html
@@ -1,7 +1,4 @@
 <html>
-  <head>
-    <meta-outlet></meta-outlet>
-  </head>
   <body>
     <p>This is the home page built by Greenwood. Make your own pages in src/pages/index.js!</p>
   </body>

From 8ef94ef03ee52239b382f21662a18dd31529397c Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Thu, 17 Feb 2022 07:39:07 -0500
Subject: [PATCH 5/8] update docs

---
 www/pages/docs/configuration.md | 52 ---------------------------------
 www/pages/docs/layouts.md       | 17 +++--------
 2 files changed, 4 insertions(+), 65 deletions(-)

diff --git a/www/pages/docs/configuration.md b/www/pages/docs/configuration.md
index 21bf41ab4..e716c072a 100644
--- a/www/pages/docs/configuration.md
+++ b/www/pages/docs/configuration.md
@@ -24,11 +24,9 @@ export default {
     plugins: [],
     settings: {}
   },
-  meta: [],
   staticRouter: false,
   optimization: 'default',
   plugins: [],
-  title: 'My App',
   workspace: 'src', // assumes process.cwd()
   pagesDirectory: 'pages' // e.g. src/pages
   templatesDirectory: 'templates' // e.g. src/templates
@@ -119,45 +117,6 @@ export default {
 }
 ```
 
-### Meta
-You can use the `meta` option for the configuration of [`<meta>` tags](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML) within the `<head>` tag of the generated _index.html_ file.  This is especially useful for providing text and images for social sharing and link previews like for Slack, text messages, and social media shares, in particular when using the [Open Graph](https://ogp.me/) set of tags.
-
-#### Example
-This is an example of the `meta` configuration for the [Greenwood website](https://github.com/ProjectEvergreen/greenwood/blob/master/greenwood.config.js).
-
-```js
-const FAVICON_HREF = '/assets/favicon.ico';
-const META_DESCRIPTION = 'A modern and performant static site generator supporting Web Component based development';
-
-export default {
-  meta: [
-    { name: 'description', content: META_DESCRIPTION },
-    { name: 'twitter:site', content: '@PrjEvergreen' },
-    { property: 'og:title', content: 'Greenwood' },
-    { property: 'og:type', content: 'website' },
-    { property: 'og:url', content: 'https://www.greenwoodjs.io' },
-    { property: 'og:image', content: 'https://www.greenwoodjs.io/assets/greenwood-logo-300w.png' },
-    { property: 'og:description', content: META_DESCRIPTION },
-    { rel: 'shortcut icon', href: FAVICON_HREF },
-    { rel: 'icon', href: FAVICON_HREF }
-  ]
-};
-```
-
-Which would be equivalent to:
-
-```html
-<meta name="description" content="A modern and performant static site generator supporting Web Component based development">
-<meta name="twitter:site" content="@PrjEvergreen">
-<meta property="og:title" content="Greenwood">
-<meta property="og:type" content="website">
-<meta property="og:url" content="https://www.greenwoodjs.io/docs/">
-<meta property="og:image" content="https://www.greenwoodjs.io/assets/greenwood-logo-300w.png">
-<meta property="og:description" content="A modern and performant static site generator supporting Web Component based development">
-<link rel="shortcut icon" href="/assets/favicon.ico">
-<link rel="icon" href="/assets/favicon.ico">
-```
-
 ### Optimization
 
 Greenwood provides a number of different ways to send hints to Greenwood as to how JavaScript and CSS tags in your HTML should get loaded by the browser.  Greenwood supplements, and builds up on top of existing [resource "hints" like `preload` and `prefetch`](https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content).  These optimization settings are intended to compliment any `mode` setting you may have selected.
@@ -252,17 +211,6 @@ export default {
 }
 ```
 
-### Title
-A default `<title>` element for all pages can be configured with the `title` option.
-
-#### Example
-An example of configuring your app's title:
-```js
-export default {
-  title: 'My Static Site'
-}
-```
-
 ### Workspace
 Path to where all your project files will be located.  Using an absolute path is recommended.
 
diff --git a/www/pages/docs/layouts.md b/www/pages/docs/layouts.md
index 5f81e8531..10f382633 100644
--- a/www/pages/docs/layouts.md
+++ b/www/pages/docs/layouts.md
@@ -13,6 +13,8 @@ Greenwood defines two types of templates to help layout your pages:
 - _App Template_: The ["app shell"](https://developers.google.com/web/fundamentals/architecture/app-shell) that will wrap all pages.  One is provided for you by Greenwood, but you can override it if needed.
 - _Page Templates_:  A template for each unique page layout within your site.  Common layouts are great for documentation and blog sites, but also great for single pages as well (like a splash layout for the home page).
 
+Greenwood will handle merging the `<body>` and  `<head>` tag contents when building up pages and templates.
+
 > _**Note:** You can use either relative (`../`) or absolute (`/`) paths in your templates since using `../` will allow for IDE autocomplete on your filesystem, but is marginally slower than using `/`._
 
 ### Page Templates
@@ -20,8 +22,7 @@ Pages in your project will generally want a template so you can control the outp
 
 
 In order to make a page template, you just need to write up some HTML that can be enhanced with these special custom elements:
-- Include `<content-outlet></content-outlet>` to position where the processed markdown from the page will appear
-- Include `<meta-outlet></meta-outlet>` to position where `<meta>` tags should go
+- Include `<content-outlet></content-outlet>` to position where the processed content from the page will appear
 
 
 Below is an example of a simple _page.html_.  You can just copy / paste this to start your own page templates and by default all your pages will start rendering using this layout.
@@ -30,10 +31,6 @@ Below is an example of a simple _page.html_.  You can just copy / paste this to
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
-  <head>
-    <meta-outlet></meta-outlet>
-  </head>
-
   <body>
     <header>
       <h1>Welcome to my site!</h1>
@@ -64,7 +61,6 @@ You can create more templates and use them for pages by doing two things:
 
 If you want to customize the outer most wrapping layout of your site, in the _templates/_ directory you can do this by creating an _app.html_ file.  Like a page template, this will just be another HTML document, with some additional capabilities:
 - Include `<page-outlet></page-outlet>` to position where the content from the processed page template will appear
-- Include `<meta-outlet></meta-outlet>` to position where `<meta>` tags goes.  _Make sure not to include this in your page templates!_
 
 As with page templates, app templates are just HTML.
 
@@ -72,10 +68,6 @@ As with page templates, app templates are just HTML.
 <!DOCTYPE html>
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
-  <head>
-    <meta-outlet></meta-outlet>
-  </head>
-
   <body>
     <header>
       <h1>Welcome to My Site!</h1>
@@ -136,7 +128,7 @@ And the following file output in the _public/_ directory
 
 > _See our [Front Matter Docs](/docs/front-matter#define-template) for more information on how you can extend fontmatter in **Greenwood**._
 
-## Scripts and Styles
+### Scripts and Styles
 
 Since all pages and templates are just HTML with Greenwood, you can use `<script>`, `<style>`, and `<link>` tags as normal, referencing paths from your template to the location of the files in your project's workspace.
 
@@ -146,7 +138,6 @@ For example, here is what a standard app template might look like:
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
-    <meta-outlet></meta-outlet>
     <link rel="stylesheet" href="/styles/theme.css"/>
     <script type="module" src="/components/app-header.js"></script>
     <script type="module" src="/components/app-footer.js"></script>

From 0dd6a7fc0e65c8311b7be8fb784d8bf51bb0ab89 Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Thu, 17 Feb 2022 07:39:20 -0500
Subject: [PATCH 6/8] rename specs

---
 .../build.default.meta.spec.js}                             | 6 +++---
 .../src/pages/about/index.md                                | 0
 .../src/pages/hello.md                                      | 0
 .../src/pages/index.md                                      | 0
 .../src/templates/page.html                                 | 0
 .../build.default.title.spec.js}                            | 4 ++--
 .../src/pages/about.md                                      | 0
 .../src/pages/index.md                                      | 0
 .../src/templates/page.html                                 | 0
 9 files changed, 5 insertions(+), 5 deletions(-)
 rename packages/cli/test/cases/{build.config.meta/build.config.meta.spec.js => build.default.meta/build.default.meta.spec.js} (96%)
 rename packages/cli/test/cases/{build.config.meta => build.default.meta}/src/pages/about/index.md (100%)
 rename packages/cli/test/cases/{build.config.meta => build.default.meta}/src/pages/hello.md (100%)
 rename packages/cli/test/cases/{build.config.meta => build.default.meta}/src/pages/index.md (100%)
 rename packages/cli/test/cases/{build.config.meta => build.default.meta}/src/templates/page.html (100%)
 rename packages/cli/test/cases/{build.config.title/build.config.title.spec.js => build.default.title/build.default.title.spec.js} (93%)
 rename packages/cli/test/cases/{build.config.title => build.default.title}/src/pages/about.md (100%)
 rename packages/cli/test/cases/{build.config.title => build.default.title}/src/pages/index.md (100%)
 rename packages/cli/test/cases/{build.config.title => build.default.title}/src/templates/page.html (100%)

diff --git a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js b/packages/cli/test/cases/build.default.meta/build.default.meta.spec.js
similarity index 96%
rename from packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
rename to packages/cli/test/cases/build.default.meta/build.default.meta.spec.js
index 25c67f34c..a161549de 100644
--- a/packages/cli/test/cases/build.config.meta/build.config.meta.spec.js
+++ b/packages/cli/test/cases/build.default.meta/build.default.meta.spec.js
@@ -1,9 +1,9 @@
 /*
  * Use Case
- * Run Greenwood with meta in Greenwood config and a default workspace with a nested route.
+ * Run Greenwood and tests for correct `<meta>` tag merging for pages and templates.
  *
  * User Result
- * Should generate a bare bones Greenwood build with one nested About page w/ custom meta data.
+ * Should generate a bare bones Greenwood build with one nested About page with expected meta values.
  *
  * User Command
  * greenwood build
@@ -35,7 +35,7 @@ import { fileURLToPath, URL } from 'url';
 const expect = chai.expect;
 
 describe('Build Greenwood With: ', function() {
-  const LABEL = 'Custom Meta Configuration and Nested Workspace';
+  const LABEL = 'Custom Meta Tags and Nested Workspace';
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
   const outputPath = fileURLToPath(new URL('.', import.meta.url));
   let runner;
diff --git a/packages/cli/test/cases/build.config.meta/src/pages/about/index.md b/packages/cli/test/cases/build.default.meta/src/pages/about/index.md
similarity index 100%
rename from packages/cli/test/cases/build.config.meta/src/pages/about/index.md
rename to packages/cli/test/cases/build.default.meta/src/pages/about/index.md
diff --git a/packages/cli/test/cases/build.config.meta/src/pages/hello.md b/packages/cli/test/cases/build.default.meta/src/pages/hello.md
similarity index 100%
rename from packages/cli/test/cases/build.config.meta/src/pages/hello.md
rename to packages/cli/test/cases/build.default.meta/src/pages/hello.md
diff --git a/packages/cli/test/cases/build.config.meta/src/pages/index.md b/packages/cli/test/cases/build.default.meta/src/pages/index.md
similarity index 100%
rename from packages/cli/test/cases/build.config.meta/src/pages/index.md
rename to packages/cli/test/cases/build.default.meta/src/pages/index.md
diff --git a/packages/cli/test/cases/build.config.meta/src/templates/page.html b/packages/cli/test/cases/build.default.meta/src/templates/page.html
similarity index 100%
rename from packages/cli/test/cases/build.config.meta/src/templates/page.html
rename to packages/cli/test/cases/build.default.meta/src/templates/page.html
diff --git a/packages/cli/test/cases/build.config.title/build.config.title.spec.js b/packages/cli/test/cases/build.default.title/build.default.title.spec.js
similarity index 93%
rename from packages/cli/test/cases/build.config.title/build.config.title.spec.js
rename to packages/cli/test/cases/build.default.title/build.default.title.spec.js
index d78954378..2d7479d3a 100644
--- a/packages/cli/test/cases/build.config.title/build.config.title.spec.js
+++ b/packages/cli/test/cases/build.default.title/build.default.title.spec.js
@@ -1,9 +1,9 @@
 /*
  * Use Case
- * Run Greenwood with string title in config and default workspace.
+ * Run Greenwood and tests for correct `<title>` tag merging for pages and templates.
  *
  * User Result
- * Should generate a bare bones Greenwood build.  (same as build.default.spec.js) with custom title in header
+ * Should generate a bare bones Greenwood build with expected <title> values.
  *
  * User Command
  * greenwood build
diff --git a/packages/cli/test/cases/build.config.title/src/pages/about.md b/packages/cli/test/cases/build.default.title/src/pages/about.md
similarity index 100%
rename from packages/cli/test/cases/build.config.title/src/pages/about.md
rename to packages/cli/test/cases/build.default.title/src/pages/about.md
diff --git a/packages/cli/test/cases/build.config.title/src/pages/index.md b/packages/cli/test/cases/build.default.title/src/pages/index.md
similarity index 100%
rename from packages/cli/test/cases/build.config.title/src/pages/index.md
rename to packages/cli/test/cases/build.default.title/src/pages/index.md
diff --git a/packages/cli/test/cases/build.config.title/src/templates/page.html b/packages/cli/test/cases/build.default.title/src/templates/page.html
similarity index 100%
rename from packages/cli/test/cases/build.config.title/src/templates/page.html
rename to packages/cli/test/cases/build.default.title/src/templates/page.html

From cb26bea152654e32a7fdda9265706da82dbfe1a1 Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Thu, 17 Feb 2022 17:50:57 -0500
Subject: [PATCH 7/8] refactor www/ for frontmatter interpolation

---
 greenwood.config.js                             | 16 +---------------
 .../plugins/resource/plugin-standard-html.js    | 17 +++++++++++++++--
 .../build.default.title.spec.js                 |  2 +-
 www/pages/index.html                            |  3 +++
 www/templates/app.html                          | 11 +++++++++++
 5 files changed, 31 insertions(+), 18 deletions(-)

diff --git a/greenwood.config.js b/greenwood.config.js
index 13c295c5a..8a3f421a7 100644
--- a/greenwood.config.js
+++ b/greenwood.config.js
@@ -7,25 +7,11 @@ import { greenwoodPluginPostCss } from '@greenwood/plugin-postcss';
 import rollupPluginAnalyzer from 'rollup-plugin-analyzer';
 import { fileURLToPath, URL } from 'url';
 
-const META_DESCRIPTION = 'Your workbench for the web.  Focused on supporting modern web standards and development to help you create your next project.';
-const FAVICON_HREF = '/favicon.ico';
-
 export default {
   workspace: fileURLToPath(new URL('./www', import.meta.url)),
   optimization: 'inline',
   staticRouter: true,
-  title: 'Greenwood',
-  meta: [
-    { name: 'description', content: META_DESCRIPTION },
-    { name: 'twitter:site', content: '@PrjEvergreen' },
-    { property: 'og:title', content: 'Greenwood' },
-    { property: 'og:type', content: 'website' },
-    { property: 'og:url', content: 'https://www.greenwoodjs.io' },
-    { property: 'og:image', content: 'https://www.greenwoodjs.io/assets/greenwood-logo-300w.png' },
-    { property: 'og:description', content: META_DESCRIPTION },
-    { rel: 'shortcut icon', href: FAVICON_HREF },
-    { rel: 'icon', href: FAVICON_HREF }
-  ],
+  interpolateFrontmatter: true,
   plugins: [
     ...greenwoodPluginGraphQL(),
     ...greenwoodPluginPolyfills(),
diff --git a/packages/cli/src/plugins/resource/plugin-standard-html.js b/packages/cli/src/plugins/resource/plugin-standard-html.js
index 75f88ee56..8c3830294 100644
--- a/packages/cli/src/plugins/resource/plugin-standard-html.js
+++ b/packages/cli/src/plugins/resource/plugin-standard-html.js
@@ -98,6 +98,7 @@ const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugi
 
     appTemplateContents = appTemplateContents.replace(/<page-outlet><\/page-outlet>/, '');
   } else {
+    const appTitle = appRoot ? appRoot.querySelector('head title') : null;
     const body = root.querySelector('body') ? root.querySelector('body').innerHTML : '';
     const headScripts = root.querySelectorAll('head script');
     const headLinks = root.querySelectorAll('head link');
@@ -105,11 +106,23 @@ const getAppTemplate = (contents, templatesDir, customImports = [], contextPlugi
     const headStyles = root.querySelectorAll('head style');
     const headTitle = root.querySelector('head title');
     const appTemplateHeadContents = appRoot.querySelector('head').innerHTML;
-    const title = frontmatterTitle || (headTitle ? headTitle.rawText : null);
+    const hasInterpolatedFrontmatter = headTitle && headTitle.rawText.indexOf('${globalThis.page.title}') >= 0
+     || appTitle && appTitle.rawText.indexOf('${globalThis.page.title}') >= 0;
+    const title = hasInterpolatedFrontmatter // favor frontmatter interpolation first
+      ? headTitle && headTitle.rawText
+        ? headTitle.rawText
+        : appTitle.rawText
+      : frontmatterTitle // otherwise, work in order of specificity from page -> page template -> app template
+        ? frontmatterTitle
+        : headTitle && headTitle.rawText
+          ? headTitle.rawText
+          : appTitle && appTitle.rawText
+            ? appTitle.rawText
+            : 'My App';
     appTemplateContents = appTemplateContents.replace(/<page-outlet><\/page-outlet>/, body);
 
     if (title) {
-      if (!appRoot.querySelector('head title')) {
+      if (!appTitle) {
         appTemplateContents = appTemplateContents.replace('<head>', '<head>\n <title></title>');
       }
 
diff --git a/packages/cli/test/cases/build.default.title/build.default.title.spec.js b/packages/cli/test/cases/build.default.title/build.default.title.spec.js
index 2d7479d3a..4e131ea9c 100644
--- a/packages/cli/test/cases/build.default.title/build.default.title.spec.js
+++ b/packages/cli/test/cases/build.default.title/build.default.title.spec.js
@@ -32,7 +32,7 @@ import { fileURLToPath, URL } from 'url';
 const expect = chai.expect;
 
 describe('Build Greenwood With: ', function() {
-  const LABEL = 'Custom Title Configuration and Default Workspace';
+  const LABEL = 'Custom Title Tag and Default Workspace';
   const cliPath = path.join(process.cwd(), 'packages/cli/src/index.js');
   const outputPath = fileURLToPath(new URL('.', import.meta.url));
   let runner;
diff --git a/www/pages/index.html b/www/pages/index.html
index 07a70e5c9..c79a6c06a 100644
--- a/www/pages/index.html
+++ b/www/pages/index.html
@@ -2,6 +2,9 @@
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
+    <title>Greenwood</title>
+    <meta property="og:title" content="Greenwood"/>
+
     <script type="module" src="../components/banner/banner.js"></script>
     <script type="module" src="../components/card/card.js" data-gwd-opt="static"></script>
 
diff --git a/www/templates/app.html b/www/templates/app.html
index 11cf2c4f8..b36079c70 100644
--- a/www/templates/app.html
+++ b/www/templates/app.html
@@ -2,12 +2,23 @@
 <html lang="en" prefix="og:http://ogp.me/ns#">
 
   <head>
+    <title>Greenwood - ${globalThis.page.title}</title>
     <meta charset="utf-8">
+    <meta name="description" content="Your workbench for the web, focused on supporting modern web standards and development to help you create your next project."/>
+    <meta name="twitter:site" content="@PrjEvergreen"/>
+    <meta property="og:title" content="Greenwood - ${globalThis.page.title}"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="https://www.greenwoodjs.io"/>
+    <meta property="og:image" content="https://www.greenwoodjs.io/assets/greenwood-logo-300w.png"/>
+    <meta property="og:description" content="Your workbench for the web, focused on supporting modern web standards and development to help you create your next project."/>
     <meta name="viewport" content="width=device-width, initial-scale=1"/>
     <meta name="mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
 
+    <link rel="shortcut icon" href="/favicon.ico"/>
+    <link rel="icon" href="/favicon.ico"/>
+
     <link rel="stylesheet" href="../assets/fonts/source-sans-pro.css"></link>
     <link rel="stylesheet" href="../styles/theme.css"></link>
 

From e5302ddd2f73c28011e21d0ad106e89d83ecb73d Mon Sep 17 00:00:00 2001
From: Owen Buckley <owenbuckley13@gmail.com>
Date: Sat, 19 Feb 2022 12:21:49 -0500
Subject: [PATCH 8/8] update getting started docs to match updated behavior

---
 www/pages/getting-started/branding.md         |  6 ++---
 www/pages/getting-started/creating-content.md | 22 ++++++++++++++++++-
 www/pages/getting-started/next-steps.md       | 15 +------------
 3 files changed, 25 insertions(+), 18 deletions(-)

diff --git a/www/pages/getting-started/branding.md b/www/pages/getting-started/branding.md
index 0e9baeb08..ecf2622b4 100644
--- a/www/pages/getting-started/branding.md
+++ b/www/pages/getting-started/branding.md
@@ -53,7 +53,7 @@ class FooterComponent extends HTMLElement {
 customElements.define('app-footer', FooterComponent);
 ```
 
-Now we can use it in a template by:
+Now we can use it in our app template by:
 1. Referencing our component file via a `<script>` tag with the `type="module"` attribute
 1. Using our custom element's tag name of `<app-footer>` in our `<body>`
 
@@ -65,7 +65,7 @@ Now we can use it in a template by:
   </head>
   
   <body>
-    <content-outlet></content-outlet>
+    <page-outlet></page-outlet>
 
     <app-footer></app-footer>
   </body>
@@ -73,7 +73,7 @@ Now we can use it in a template by:
 </html>
 ```
 
-Now you can do the same for an `<app-header>`.  See the [companion repo](https://github.com/ProjectEvergreen/greenwood-getting-started/) for a complete working example.
+Now you can do the same for an `<app-header>`.  See the [companion repo](https://github.com/ProjectEvergreen/greenwood-getting-started/) for a complete working example.  Voila!  All our pages now have a header and footer!  🎉
 
 > _You can find more information about component models and Greenwood [here](/docs/component-model/)._
 
diff --git a/www/pages/getting-started/creating-content.md b/www/pages/getting-started/creating-content.md
index 2d7bde13f..c56e639f9 100644
--- a/www/pages/getting-started/creating-content.md
+++ b/www/pages/getting-started/creating-content.md
@@ -36,6 +36,7 @@ To go along with this guide, check out our [companion repo](https://github.com/P
     ├── styles
     │   └── theme.css
     └── templates
+        ├── app.html
         ├── blog.html
         └── page.html
 ```
@@ -58,6 +59,8 @@ For this template, create a _page.html_ in a _src/templates/_ (make the _templat
 </html>
 ```
 
+> _This will now be used as the default layout used for all your pages.  We'll discuss overriding this later on in the guide._
+
 ### Blog Posts Template
 We just made a template for our home page, but for our individual blog posts, we're going to want a different layout for those pages.  So what do we do?   Just create a new template!
 
@@ -74,6 +77,23 @@ Create a _blog.html_ in _src/templates/_ and include this code in it.
 
 > _Right now both of these templates are the same, but we'll be customizing these both shortly._  👇
 
+### App Template
+Now that we've created a couple page templates, it probably makes sense to wrap our site with a common layout.  By creating an _app.html_ in the _templates/_ directory, we can create a common layout for all templates and pages.
+
+This is a great way to manage global styles, loading the header and footer, or for shared site meta data.
+
+```html
+<html>
+  <head>
+    <title>My Personal Website</title>
+  </head>
+  <body>
+    <page-outlet></page-outlet>
+  </body>
+</html>
+```
+
+
 ### Creating Pages
 To make our home page which will use the default _page.html_ layout we just created, create an _index.md_ file in the _src/pages/_ directory.
 
@@ -119,7 +139,7 @@ Sed ut perspiciatis
 We are using something called ["front matter"](/docs/front-matter) to specify that these pages should use the _blog_ template we just created.
 
 ### Development Server
-At this point we have two page templates and three pages of content, so let's fire up the Greenwood development server and see what things look like!
+At this point we have our templates and three pages of content, so let's fire up the Greenwood development server and see what things look like!
 
 ```bash
 # using the npm script we made during project setup
diff --git a/www/pages/getting-started/next-steps.md b/www/pages/getting-started/next-steps.md
index 2a1903bd1..a977da8af 100644
--- a/www/pages/getting-started/next-steps.md
+++ b/www/pages/getting-started/next-steps.md
@@ -8,20 +8,7 @@ index: 7
 ## Next Steps
 
 ### Learn More
-Thank you so much for taking the time to go through our Getting Started guide and we hope it has given you a good overview of how to work with Greenwood and what some of the possibilities are.  To learn more about the project we encourage you to review our [API docs](/docs/) to learn more about how you can use Greenwood or check out our repo to see what we're [working on next](https://github.com/ProjectEvergreen/greenwood/projects), or if you need to reach out, feel free to [open an issue](https://github.com/ProjectEvergreen/greenwood/issues)!
-
-### Configuration
-Although configuration is a topic all on its own, we do want to walk through setting up a configuration file for your project.  As you may have noticed, the `<title>` of the site being made during the Getting Started section said _My Personal Blog_.  This is what Greenwood's configuration can be used for.
-
-To change the title of the project (like in the companion repo), create a (NodeJS) module called _greenwood.config.js_ at the root of your project and configure the `export` object with a title property.
-
-```javascript
-export default {
-  title: 'My Personal Site'
-};
-```
-
-That's it!  You can learn more about configuring Greenwood [here](/docs/configuration).
+Thank you so much for taking the time to go through our Getting Started guide and we hope it has given you a good overview of how to work with Greenwood and what some of the possibilities are.  To learn more about the project we encourage you to review our [documentation](/docs/) to learn more about how you can use Greenwood or check out our repo to see what we're [working on next](https://github.com/ProjectEvergreen/greenwood/projects).  If you would like to connect, please feel free to reach out and [open an issue](https://github.com/ProjectEvergreen/greenwood/issues) or [a discussion](https://github.com/ProjectEvergreen/greenwood/discussions)!
 
 ### Resources
 Since Greenwood aims to be a web "first" tool, all the great web development resources for the web already apply to Greenwood!  Below are some resources that we think might be useful as part of a broader understanding of the topic of web development and that we have found invaluable for our own development and learning.