Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

Gatsby Wedding Theme Workspace

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

npm version code style: prettier

Props to @agney who this is forked from.

Manual Setup

npm i @clamped90/gatsby-theme-wedding

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

In your gatsby-config.js:

module.exports = {
  plugins: [
      resolve: `@clamped90/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)



This theme makes use of Yarn Workspaces

yarn workspace example develop
© 2023 Gatsby, Inc.