eshlox / gatsby-theme-axii Goto Github PK

The theme tries to get Algolia keys and application ID from environment variables. If the environment variables are not set, the build process fails.

Cannot query field "search" on type "SiteSiteMetadata".

GraphQL request:5:9
4 |       siteMetadata {
5 |         search {
  |         ^
6 |           algolia {

File: node_modules/@eshlox/gatsby-theme-axii/src/components/Search/Search.tsx:27:9

The idea is to print some message to inform the user what's wrong.

Add a button/link to the new page under load more button.

It's not possible to use own avatar and icon.

It works when I change the mode to light and then back to dark.

https://github.com/ifiokjr/gatsby-plugin-next-seo#json-ld

Example: <gist id="123" />

• how to install and use the theme
• how to setup the development environment

Add a disqus flag to frontmatter, true as default.

The theme allows us to add comments: false to the frontmatter to disable comments for the article.

comments: false

The theme should create a comments type for GraphQL in case there is no article with the comment option, otherwise, it won't work.

I wanted to add this to gatsby-node.js:

exports.createSchemaCustomization = ({ actions, schema }) => {
  const { createTypes, createFieldExtension } = actions;

  createFieldExtension({
    name: `defaultTrue`,
    extend() {
      return {
        resolve(source, args, context, info) {
          if (source[info.fieldName] == null) {
            return true;
          }
          return source[info.fieldName];
        }
      };
    }
  });

  createTypes(`
    type MdxFrontmatter @infer {
      comments: Boolean @defaultTrue
    }
    type Mdx implements Node @infer {
      frontmatter: MdxFrontmatter
    }
  `);
};

but it does not create a new type.

I see these warnings during the build process:

warn Plugin `gatsby-plugin-mdx` tried to define the GraphQL type `MdxFrontmatter`, which has already been defined by the plugin `@eshlox/gatsby-theme-axii`.
warn Plugin `gatsby-plugin-mdx` tried to define the GraphQL type `Mdx`, which has already been defined by the plugin `@eshlox/gatsby-theme-axii`.

• gatsbyjs/gatsby#15544
• gatsbyjs/gatsby#16529

Maybe there is another/better way?

https://coil.com

https://github.com/francoischalifour/medium-zoom

• chakra-ui/chakra-ui#135

It doesn't have to be a component but I would like to be able to mark an image somehow and display it with the maximum width (100% of the window).

Example: https://github.com/francoischalifour/medium-zoom

• chakra-ui/chakra-ui#38
• chakra-ui/chakra-ui#140