Мрачный шаблон всегда 404

Question

Итак, у меня есть HTML-контент, который будет установлен в узле GraphQL, и я хочу использовать шаблон для отображения этого контента, однако все учебные пособия предназначены для сообщений в блоге с использованием файлов разметки, которые не соответствуют моим потребностям.

gridsome.server.js

module.exports = function (api) {
    api.loadSource(async ({ addContentType }) => {
        const html = await getHTML();

        const contentType = addContentType({
            typeName: 'Pattern'
        });

        contentType.addNode({
            id: 'checkered',
            title: 'Checkered',
            content: html
        });
    });
}

а затем в моем шаблоне Pattern.vue:

<template>
    <Layout :title="$page.pattern.title">
        <div v-html="$page.pattern.content"/> 
    </Layout>
</template>

<page-query>
query Pattern($id: String!) {
    pattern(id: $id) {
        title
        content
    }
}
</page-query>

Однако, когда я перехожу к http://localhost:8080/pattern/checkered Я просто получаю ошибку 404. Я знаю, что, должно быть, я неправильно использую шаблоны, но не могу понять, как правильно настроить.