Clay Theme

screenshot of Clay Theme
gatsby
react

Image-centric Gatsby theme for publishers, portfolios, photographers blogs and more.

Overview

The Clay Gatsby theme is a versatile and image-centric Gatsby theme designed for publishers, portfolios, photographers' blogs, and more. It is built on Gatsby v5+ and offers several key features and optimizations to enhance the performance and functionality of your website.

Features

  • Gatsby v5+: The theme is based on the latest version of Gatsby, ensuring compatibility and access to the latest features and improvements.
  • PWA: The theme is designed to be a Progressive Web App (PWA), allowing users to install and access your website offline on supported devices.
  • Netlify/Decap CMS pre-configured: The theme comes pre-configured with Netlify and Decap CMS, making it easy to manage and update your website content.
  • PurgeCSS for bundle size optimization: The theme includes PurgeCSS, which helps optimize the size of the bundled CSS files for faster loading times.
  • Netlify settings predefine: The theme includes predefined Netlify settings, simplifying the deployment and hosting process on the Netlify platform.
  • Netlify contact form support: The theme includes built-in support for Netlify contact forms, allowing you to easily add contact forms to your website.
  • SEO optimized: The theme is optimized for search engines, helping improve the visibility and ranking of your website in search results.
  • 90+ Lighthouse: The theme is built with performance in mind and achieves a high score in Google Lighthouse performance audits.

Summary

The Clay Gatsby theme is a powerful and feature-rich Gatsby theme designed specifically for image-centric websites such as publishers, portfolios, and photographers' blogs. With its support for a range of key features, optimizations for performance, and easy installation process, the theme provides a solid foundation for building and managing visually appealing and high-performing websites.

gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

blog
Blog

Blog websites feature posts written by one or more authors, organized by categories and tags, with a section for comments and archives sorted by date or topic. Additional features may include search bar, social media sharing, subscription or RSS feed, about and contact pages, and visual content.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

prismjs
Prism JS

PrismJS is an open-source, lightweight, and extensible syntax highlighting library that supports a wide range of programming languages and markup formats.