Skip to content
No description, website, or topics provided.
JavaScript CSS
Branch: master
Clone or download
Latest commit 883559a Aug 3, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src minor fix Jul 5, 2019
tests/gatsby-plone-site adding baseurl setting in tests website Mar 14, 2019
.gitignore adding yarn.locK Mar 19, 2019
.travis.yml modifying path-prefix Mar 8, 2019
CHANGELOG.md adding changelog.md file Mar 14, 2019
LICENSE Initial commit Feb 23, 2019
README.md updating readme.md Aug 3, 2019
gatsby-browser.js Initial commit Feb 23, 2019
gatsby-config.js adding support for custom url Mar 11, 2019
gatsby-node.js setting some config Feb 25, 2019
gatsby-ssr.js Initial commit Feb 23, 2019
index.js Initial commit Feb 23, 2019
package.json changing version Mar 9, 2019
yarn.lock adding yarn.locK Mar 19, 2019

README.md

gatsby-theme-plone Build Status

Gatsby theme for Plone

Demo

You can see the demo site at https://collective.github.io/gatsby-theme-plone/

Install

npm install gatsby-theme-plone --save

Introduction

Gatsby-theme-plone is plugin for Plone cms for creating website.

Get Started

  • Install gatsby, gatsby-theme-plone, react, react-dom
npm install --dev gatsby git+https://github.com/collective/gatsby-theme-plone
  • Create gatsby-config.js and set your config file as shown below
module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'https://plonedemo.kitconcept.com/de',
      }
    }
  ]
};
  • And this is it just run
npm run gatsby develop
  • You should see a plone website at localhost:8000

Doing component shadowing

component shadowing is a process in which we shadow a component provided by themes with the new ones. Basically component shadowing is a process in which we overwrite the content which theme provided by default.

  • Install react and react-dom
  • steps for doing component shadowing
    1. Create src/gatsby-theme-plone/components folder
    2. Put the component which you want to overwrite
  • If you want to learn more about gatsby-theme go to this url

  • You can also read the blog regarding the gatsby at this link

  • currently we are using https://plonedemo.kitconcept.com/en as base url.

  • for any question please open a issue.

How to pass a Custom Url for generating site.

You can pass the custom url by passing the baseUrl property in options object during configuration of gatsby-theme-plone.

module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'https://plonedemo.kitconcept.com/de',
      }
    }
  ]
};

You can also pass a custom url with token for accessing the private scope data.

module.exports = {
  __experimentalThemes: [
    {
      resolve: "gatsby-theme-plone",
      options: {
        baseUrl: 'http://localhost:8000/Plone/',
        token: 'wejfklsadjflaskdfja',
    }
  ]
};
You can’t perform that action at this time.