Gatsby Serif Theme

Gatsby Serif Theme is a multi-page small business theme for Gatsby v3 that builds a complete company website from Markdown content files for services, team, and testimonials.

What is Gatsby Serif Theme?

Gatsby Serif Theme, created by Robert Austin under Zerostatic Themes, is a responsive multi-page starter for small business sites. It takes Markdown files from src/pages/services, src/pages/team, and src/pages/testimonials and uses a GraphQL query in gatsby-node.js to generate pages and templates by content type. The output is a fully static site with SEO titles via gatsby-plugin-react-helmet, a responsive menu, and royalty-free illustrations included.

Key Features

• Gatsby v3 — Built on Gatsby version 3 with React, requiring Node v14 or higher for installation.
• Markdown content types — Services, Team, and Testimonials are authored as Markdown and queried with gatsby-transformer-remark; examples show filtering allMarkdownRemark.
• SCSS styling — Uses gatsby-plugin-sass with Bootstrap 4 grid and media queries only for layout.
• Responsive design — Includes a responsive menu and works across device sizes.
• SEO ready — Titles and meta descriptions managed with gatsby-plugin-react-helmet.
• Example content — Robust demo content and royalty-free illustrations by Icons8 are packaged in.
• ESLint — Linting configuration included for code quality.

Who is it for?

• Small business owners — Launch a multi-page website with services, team, and testimonials sections without building from scratch.
• Freelance web developers — Use as a Gatsby starter to quickly scaffold client sites and customize the Markdown content.
• Designers — The included illustrations and example content give a starting point for visual direction.

What can you do with Gatsby Serif Theme?

• Build a services page: Add new Markdown files under src/pages/services with front matter and body content; the theme creates a page for each.
• Create a team directory: Populate team Markdown files with name, role, and bio to generate staff pages.
• Display testimonials: Write testimonial Markdown entries with quotes and author info to show social proof.

How does Gatsby Serif Theme work?

Install dependencies with npm install, run npm run develop for local development, and npm run build for a production build. Gatsby processes the Markdown content at build time, generating static HTML pages.

FAQ

Does Gatsby Serif Theme require Node 14?

Yes, the theme uses Gatsby 3 and node-sass 5, which require Node v14 or higher.

Can I resell this theme?

The license prohibits re-distributing or re-selling the theme as your own template, and creating ports or new versions requires permission from the author.

What content types are included?

Services, team members, and testimonials are all authored as Markdown; features are stored as data.

Is there any demo content?

Yes, the theme includes robust example content and royalty-free illustrations by Icons8, plus stock images from Unsplash.

Does the theme include SEO support?

Yes, it uses gatsby-plugin-react-helmet to manage page titles and meta descriptions.