{"id":18981644,"url":"https://github.com/fcog/cali-theme","last_synced_at":"2025-11-11T13:03:19.887Z","repository":{"id":139994726,"uuid":"284182910","full_name":"Fcog/cali-theme","owner":"Fcog","description":"Cali is a WordPress theme barebone minimalistic boilerplate for Handlebars, Rollup, ES6 and TailwindCSS.","archived":false,"fork":false,"pushed_at":"2020-08-07T22:31:50.000Z","size":25,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-01T11:28:09.651Z","etag":null,"topics":["es6","handlebars","rollup","styleguide","tailwindcss","wordpress","wordpress-developer-theme","wordpress-starter-theme","wordpress-theme"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Fcog.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-08-01T04:04:20.000Z","updated_at":"2022-10-25T14:01:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"e3543558-bdba-460c-b76b-536ba1788c9f","html_url":"https://github.com/Fcog/cali-theme","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fcog%2Fcali-theme","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fcog%2Fcali-theme/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fcog%2Fcali-theme/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Fcog%2Fcali-theme/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Fcog","download_url":"https://codeload.github.com/Fcog/cali-theme/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239985883,"owners_count":19729536,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["es6","handlebars","rollup","styleguide","tailwindcss","wordpress","wordpress-developer-theme","wordpress-starter-theme","wordpress-theme"],"created_at":"2024-11-08T16:10:46.760Z","updated_at":"2025-11-11T13:03:19.793Z","avatar_url":"https://github.com/Fcog.png","language":"JavaScript","readme":"# Cali Wordpress theme\n\nCali is a starter theme for WordPress. \n\nIt focuses on UI component development using the [Atomic design methodology](https://atomicdesign.bradfrost.com/chapter-2/).\n\nTech used:\n- [Handlebars](https://handlebarsjs.com/) \n- [TailwindCSS](https://tailwindcss.com/)\n- [Rollup](https://rollupjs.org/guide/en/) \n- [PostCSS](https://postcss.org/) \n- [Fractal Live components styleguide](https://fractal.build/)\n- [Javascript ES6](http://es6-features.org/#Constants)\n- [Linters](https://sourcelevel.io/blog/what-is-a-linter-and-why-your-team-should-use-it)\n\n## Installation\nClone the repo in the themes folder.\n\nthen execute:\n\n    composer install \u0026\u0026 cd frontend \u0026\u0026 yarn\n\n## Development\n    cd frontend \u0026\u0026 yarn start\n    \nThis will watch for changes in any file and rebuild the assets. \n\nIt also starts a server for the Styleguide with BrowserSync.    \n    \n## Build\n    cd frontend \u0026\u0026 yarn build    \n\nProduction ready assets.\n\n## Advantages over a normal theme approach\n\n### 1. Better UI component building and management\n\nThe Atomic methodology can help on classifying the components.\n\nComponents are built using a templating syntax from a view engine library called [Handlebars](https://handlebarsjs.com/), which uses a mix of HTML and placeholders for showing data and having control structures like _if_ conditionals or _for_ loops.\n\nPlaceholders will make your component's much cleaner than the usual PHP/HTML mix.\n\nA view engine will also allow for keeping [DRY](https://en.wikipedia.org/wiki/Don%27t_repeat_yourself) components, like having a unique wrapper component using [partial blocks](https://handlebarsjs.com/guide/partials.html#partial-blocks) and reuse it in several sub components.\n\n### 2. Faster frontend development\n\nThis theme includes a component's styleguide where you can isolate your component's and use it as a development server that refreshes automatically when a change is detected in the HTML, CSS and JS files.\n\nThe same Handlebars files are parsed in PHP and used directly by WordPress.\n\nHaving a templating engine like Handlebars means that the components can be used in PHP and JS.\n\nJavascript can be written in ES6 and transpile to ES5 with Babel for IE11 support. \n\nUse nesting and imports in the CSS. It's similar like using SASS. Althought, custom CSS will barely be created because the design is created using [Tailwind's functional CSS](https://rangle.io/blog/styling-with-functional-css/).\n\n### 3. Cleaner Code\n\nA view engine will force developers to separate business logic from Views as PHP is not allowed in the components templates.\n\nStylelint and ESLint are triggered on every file change and will show any warnings or errors while coding. \n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffcog%2Fcali-theme","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffcog%2Fcali-theme","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffcog%2Fcali-theme/lists"}