Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lilxyzz/clay-theme

Image-centric Gatsby theme for publishers, portfolios, photographers blogs and more.
https://github.com/lilxyzz/clay-theme

app freetheme gatsby gatsby-starter gatsby-template gatsby-theme gatsbyjs jamstack open-source portfolio-website pwa-apps static-site static-site-generator themekit webapp website

Last synced: 26 days ago
JSON representation

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

Awesome Lists containing this project

README

        

Clay - A Gatsby Theme | Demo

![clay-gatsby-theme](https://github.com/lilxyzz/gatsby-clay/blob/master/src/img/Clay-Gatsby-theme.png)

[![Netlify Status](https://api.netlify.com/api/v1/badges/84e7f42b-65db-4363-a581-2267c2654efb/deploy-status)](https://app.netlify.com/sites/clay-theme/deploys)

[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/lilxyzz/clay-theme)

An image-centric Gatsby theme for publishers, portfolio, photographers blogs and more.

Visually engaging Gatsby theme tailored for publishers, portfolios and more, meticulously crafted to showcase your graphics seamlessly. It's completely free and fully responsive, ensuring a stunning display across all devices.

**If you found the repository valuable or enjoyed using it, consider showing your support by giving it a 5-star rating 🍻**

## ⭐ Feature highlights

- Gatsby v5+
- PWA
- Netlify/Decap CMS pre-configured
- PurgeCSS for bundle size optimization
- Netlify settings predefine
- Netlify contact form Support
- SEO optimized
- 90+ Lighthouse

### Coming soon

- Light & Dark mode

## 🚀 Local development

1. **clone the repository**

```
git clone https://github.com/lilxyzz/clay-theme.git
```

2. **cd into the project directory**

```
cd clay-theme
```

3. **install all dependencies for the project**

```
yarn
```

4. **start local dev server**

```
gatsby develop
```

**Open the source code and start editing!**

Your site is now running at `http://localhost:8000`

_Note: You'll also see a second link: _`http://localhost:8000/___graphql`_. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the [Gatsby tutorial](https://www.gatsbyjs.org/tutorial/part-five/#introducing-graphiql)._

## 🐛 Issues / 💡 Feedback / 👑 Contributing

We welcome contributions and feedback. If you have ideas for improvements or spot a bug, feel free to contribute.

**Inspired by Gatsby London**