README
Gatsby Wedding Theme Workspace
A simple and easy wedding theme using Gatsby and Styled Components.
Manual Setup
In your gatsby-config.js
:
npm i --save-dev @agney/gatsby-theme-wedding
# OR #
yarn add --dev @agney/gatsby-theme-wedding
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;
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)
Contributing
This theme makes use of Yarn Workspaces
yarn
yarn workspace example develop