Skip to content

Add Content

Arpit Sheth edited this page Jul 30, 2020 · 4 revisions

Set up

By default, the theme will look for pages, posts, and images in the /content directory of your site. When you installed the theme, you should have created the following directories (or configured a different content path in your gatsby-config.js theme options).

  • /content/images — Images that can be queried throughout your site or referenced in MDX files.
  • /content/pages — Additional MDX pages for your site (e.g. "About", "Contact", etc). You should manually link to these pages within your site, such as in the Header Menu.
  • /content/posts — MDX posts for your site's blog. The three most recent posts will appear on the homepage. All blog posts will be listed in your site's Blog page.

To customize or override the default slides on the homepage, you'll need to shadow the slides data by creating this file in your site: /src/@shetharp/gatsby-theme-polaroid/data/slides.tsx

  • You can copy/referece the contents from the Polaroid Demo site's slides.tsx file to get started
  • Typically, you will want to make use of the Slide component. You can pass it props for title, description, button, overlay color, etc.
  • You should include the SlideBlog component if you'd like to include a list of recent blog posts in your homepage