Skip to content

nitoygo/hazelnitoy-wedding

Repository files navigation

Gatsby Wedding Theme Workspace

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

npm version code style: prettier

Demo

Manual Setup

npm i @agney/gatsby-theme-wedding

# OR #
yarn add @agney/gatsby-theme-wedding

In your gatsby-config.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 - You can provide data in JSON format.

Changing the theme

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

const theme = {};

export default theme;

See full properties here

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

import merge from "lodash.merge";
import theme from "@agney/gatsby-theme-wedding";

export default merge({}, theme, {
  colors: {
    primary: "blue"
  }
});

Replacing Components (Shadowing)

Docs

Contributing

This theme makes use of Yarn Workspaces

yarn
yarn workspace app develop

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages