clay-theme

KO | EN

gitlite — search

#javascript #java #android #docker #cli #xml #php #elixir #css #firefox #video #vr

★ 56 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h1 align=center>  Clay - A Gatsby Theme | <a href="https://clay-theme.netlify.app" rel="nofollow">Demo</a></h1>

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

[![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 <a target="_blank" href="https://github.com/ImedAdel/gatsby-london" rel="nofollow">Gatsby London</a>**

clay-theme

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README