Creating theme plugins

As we have discovered, theme plugins are all about adding visual elements to our Gatsby site. Theme plugins are unique in that they have to contain a gatsby-config.js file. To better understand theme plugins, let's look at the most minimal of examples. Let's use a plugin to add a simple sample page to our site:

1. Create a new folder called gatsby-theme-sample-page in your plugins folder.
2. Open a terminal in the gatsby-theme-sample-page folder and run the following command:

   npm init -y

3. Create an src folder in /gatsby-theme-sample-page.
4. Create a pages folder in your src folder.
5. Create a sample.js file inside your new pages folder and add the following code:

   import React from "react";
   const Sample = () => {
     return (
       <div>
         <h1>Sample page</h1>
       </div>
     );
   };
   export default Sample;

   This page is very basic and just renders a heading on the page.

6. Navigate to your gatsby-config.js file...