Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Version License PRs welcome!

This core theme includes a Page type that you can use to build MDX pages. It includes no styles.


Step 1: In the root of your Gatsby site, run the following command:

yarn add @arshad/gatsby-theme-page-core

Step 2: Enable it in gatsby-config.js

// gatsby-config.js
  plugins: [

Theme options

Key Default value Description
contentPath content/pages Location of your pages

Example usage

// gatsby-config.js
  plugins: [
      resolve: `@arshad/gatsby-theme-page-core`,
      options: {
        contentPath: `content/pages`,

Data models


type Page implements Node @dontInfer {
  id: ID!
  title: String!
  excerpt: String
  slug: String!
  body: String!
  is_front: Boolean!


Place your pages inside content/pages as follows:

  ├── content
  │   └── pages
  │       └── about-us
  │           ├── image.jpg
  │           └── index.mdx
  ├── node_modules
  ├── gatsby-config.js
  └── package.json
# site/content/pages/about-us/index.mdx


title: About Us
excerpt: Temporibus tenetur eveniet ipsa. Enim eum consequatur magnam.



Quos totam nihil saepe ipsam incidunt. Quo ipsam soluta sapiente.


Create the following components in your site to shadow and customize the core components:

└── @arshad
    └── gatsby-theme-page-core
        └── components
            └── page.js

To learn more about component shadowing, check out the official theme docs.


Create an issue on the main repo @arshad/gatsby-themes.

© 2023 Gatsby, Inc.