Git Product home page Git Product logo

lucashfreitas / gatsby-monorepository-shared-theme Goto Github PK

View Code? Open in Web Editor NEW
10.0 10.0 0.0 6.58 MB

How to build multiple web apps using the same layout, pages, components, services, graphql but changing specific things such as colors, images, styles, images, data, etc. This is possible and easy to achieve, thanks to gatsby-theme

Home Page: https://lucasfsantos.com/gatsby-react-shared-theme-monorepository

JavaScript 28.52% TypeScript 71.48%

gatsby-monorepository-shared-theme's People

Contributors

dependabot-preview[bot] avatar lucashfreitas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

gatsby-monorepository-shared-theme's Issues

Shared Theme Build Process

The shared theme build process is not fully functional.

As we are using mono repository, we need to build the project separately to import components, as the mono repository will look for the main entry defined at package.json. So we need to have an output in javascript to import it later at the other projects.

As a workaround, I've just built it using ts-loader, but it needs to be done automatically by Lerna prepare a statement, which will run after every Lerna bootstrap.

  1. Need to automate build process and change some tsconfig build options.

TESTS

Add Tests:

1 - define all configs in the blue/green websites.
2 - check if the pages created by the shared theme matches the configuration used.

1 - mock data from contentful and pass it to shared theme
2 - render elements and make sure that elements were rendered correctly with the data passed.

Graphql & contentful locally

Hey, cool project.
I tried to add my contentful details in one of the website examples but the graphql server cant find any contentful content (running start:cat). Adding the contentful plugin directly in for example website:cat works though.
Is there a setup step im missing to get contentful running from the theme?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.