https://github.com/agneym/gatsby-wedding-theme

A Simple Wedding Theme for Gatsby
https://github.com/agneym/gatsby-wedding-theme

gatsby gatsby-theme

Last synced: 3 months ago
JSON representation

A Simple Wedding Theme for Gatsby

• Host: GitHub
• URL: https://github.com/agneym/gatsby-wedding-theme
• Owner: agneym
• Created: 2019-11-08T03:27:01.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-16T10:10:10.000Z (7 months ago)
• Last Synced: 2024-09-08T12:16:31.118Z (5 months ago)
• Topics: gatsby, gatsby-theme
• Language: JavaScript
• Homepage: https://vigorous-ptolemy-fe8a70.netlify.com/event
• Size: 1.95 MB
• Stars: 15
• Watchers: 3
• Forks: 7
• Open Issues: 8
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gatsby Wedding Theme Workspace

A simple and easy wedding theme using Gatsby and Styled Components.









[Demo](https://vigorous-ptolemy-fe8a70.netlify.com/event)

## Manual Setup

```bash

npm i @agney/gatsby-theme-wedding

# OR #

yarn add @agney/gatsby-theme-wedding

```

In your `gatsby-config.js`:

```js

module.exports = {

  plugins: [

    {

      resolve: `@agney/gatsby-theme-wedding`,

      options: {

        contentPath: "occasion", // Tell the theme where your data is.

        basePath: "/event" // Tell the theme which URL to render the theme at.

      }

    }

  ]

};

```

## Adding the Data

[Data Format](https://github.com/agneym/gatsby-wedding-theme/blob/master/gatsby-theme-wedding/data/event.json) - You can provide data in JSON format.

## Changing the theme

Create a `theme.js` file at `src/@agney/gatsby-theme-wedding/components/theme.js`

```js

const theme = {};

export default theme;

```

[See full properties here](https://github.com/agneym/gatsby-wedding-theme/blob/master/gatsby-theme-wedding/src/components/theme.js)

If you need to keep existing theme and edit some of the values:

```js

import merge from "lodash.merge";

import theme from "@agney/gatsby-theme-wedding";

export default merge({}, theme, {

  colors: {

    primary: "blue"

  }

});

```

## Replacing Components (Shadowing)

[Docs](https://www.gatsbyjs.org/docs/themes/shadowing/)

## Contributing

This theme makes use of [Yarn Workspaces](https://yarnpkg.com/lang/en/docs/workspaces/)

```

yarn

yarn workspace example develop

```