GithubHelp home page GithubHelp logo

ackeecz / gatsby-theme-fela Goto Github PK

View Code? Open in Web Editor NEW
2.0 8.0 0.0 3.18 MB

A theme for Gatsby, extending your website to support Fela (state driven styling in JS) without taking care of implementation details, but with the possibility to extend it via Gatsby theme shadowing.

Home Page: https://github.com/AckeeCZ/gatsby-theme-fela

JavaScript 41.05% CSS 58.95%
frontend gatsby fela gatsby-themes react

gatsby-theme-fela's Introduction

ackee|Gatsby Theme Fela

Gatsby theme Fela

This is a Gatsby theme to extend your awesome website with Fela.

Read more about Gatsby themes: https://www.gatsbyjs.org/docs/themes/

Read more about Fela: https://fela.js.org/

Theme

Behaves like a node_module for now its implemented using workspaces. This theme lets you use Fela out of the box, without having to worry about implementation details.

All you have to do is to include it in your core gatsby-config.js

module.exports = {
  plugins: ['gatsby-theme-fela'],
};

And your core workspace package.json file

"dependencies": {
    "gatsby": "^2.18.22",
    "gatsby-theme-fela": "*",
    "react": "^16.12.0",
    "react-dom": "^16.12.0"
}

You can see example implementation in the site folder

Development

Site is the example of your project that uses gatsby-fela-theme. Package development requires yarn installed.

Running the project

Run

yarn

to install all dependencies and then

yarn workspace site develop

to start project in development mode at http://localhost:8000

Package releasing

Whenever you've done some changes in gatsby-theme-fela and want to relase new package version simply run yarn release and then provide the version you want to release

yarn release --patch # increment patch number of the version
yarn release --minor # increment minor number of the version
yarn release --major # increment major number of the version
yarn release --prepatch # create prerelease patch version
yarn release --preminor # create prerelease minor version
yarn release --premajor # create prerelease major version
yarn release # start command line prompt to let you type version manually

which cause several things to happen

  1. Provided version is set up in gatsby-theme-fela/package.json
  2. New release record is created in gatsby-theme-fela/CHANGELOG.md
  3. Package changelog is opened at VS Code editor and wait for your adjustments
    • Keep there only package related changes and improvements
    • Repository maintenance stuff are not interesting for package users
    • When you're done, just save and close the file
    • If you don't have VS Code editor installed, release process will fail - sorry ๐Ÿ™ (we'll try to solve this in future)
  4. After you close changelog, new release commit is created and tagged with version
  5. You need to run git push && git push --tags
  6. Now you're work is done and it's Travis responsiblity to new publish version
    • You can check if build and publish succeeded at Travis page

gatsby-theme-fela's People

Contributors

dependabot[bot] avatar filip-dot-cube avatar horaklukas avatar pehovorka avatar tomas2d avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

gatsby-theme-fela's Issues

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.