{"id":30725357,"url":"https://github.com/samuellembke/hubspot-theme-boilerplate","last_synced_at":"2026-04-15T05:32:30.604Z","repository":{"id":62896054,"uuid":"563429936","full_name":"samuellembke/hubspot-theme-boilerplate","owner":"samuellembke","description":"This theme uses esbuild to compile scss and typescript code. It has a simple and efficient structure and supports node_modules and bundling. This is probably one of the most modern ways of building a hubspot theme with minimal overhead.","archived":false,"fork":false,"pushed_at":"2023-12-13T12:57:09.000Z","size":102,"stargazers_count":1,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-14T11:15:40.847Z","etag":null,"topics":["boilerplate","esbuild","gsap","hubspot","hubspot-api","hubspot-cms","hubspot-crm","hubspot-integration","hubspot-templates","node","nodejs","nodemodules","saas","scss","template","typescript","typescript-boilerplate","webpack"],"latest_commit_sha":null,"homepage":"","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/samuellembke.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2022-11-08T15:41:49.000Z","updated_at":"2023-01-14T20:54:09.000Z","dependencies_parsed_at":"2023-12-13T13:46:03.862Z","dependency_job_id":"90fdfbdf-6a8a-4d62-af02-d17d3c4ac3db","html_url":"https://github.com/samuellembke/hubspot-theme-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/samuellembke/hubspot-theme-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuellembke%2Fhubspot-theme-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuellembke%2Fhubspot-theme-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuellembke%2Fhubspot-theme-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuellembke%2Fhubspot-theme-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samuellembke","download_url":"https://codeload.github.com/samuellembke/hubspot-theme-boilerplate/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samuellembke%2Fhubspot-theme-boilerplate/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31828531,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"online","status_checked_at":"2026-04-15T02:00:06.175Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["boilerplate","esbuild","gsap","hubspot","hubspot-api","hubspot-cms","hubspot-crm","hubspot-integration","hubspot-templates","node","nodejs","nodemodules","saas","scss","template","typescript","typescript-boilerplate","webpack"],"created_at":"2025-09-03T12:47:55.534Z","updated_at":"2026-04-15T05:32:30.592Z","avatar_url":"https://github.com/samuellembke.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Hubspot theme boilerplate\n\n## Technical Specifications\n - Esbuild\n - Nodejs\n - Typescript\n - SCSS (Pre installed, Bootstrap 5)\n - node-modules support (Pre installed, GSAP, JQuery)\n - Webpack\n``` \nThis theme uses esbuild to compile scss and typescript code.\nIt has a simple and efficient structure and supports node_modules and bundling.\nThis is probably one of the most modern ways of building a hubspot theme with minimal overhead.\n```\n\n## Setup\n### Clone them with\n```bash\ngit clone https://github.com/samuellembke/hubspot-theme-boilerplate.git\n```\n\n### NPM Install\n```bash\nnpm i\n```\n\n### Change project name in:\nChange the project name from: hubspot-theme-boilerplate, to your theme name. Only use lowercase letters and no spaces no special symbols.\nBasically a slug/path compliant name\n\n - hs-watch.sh\n - hs-up-watch.sh\n - website-theme/theme.json\n - esbuild.js\n - package.json\n\n### Hubspot init\nConnect hubspot with the hubspot account you want to publish on\n```bash\nhs init\n```\n\n### Copy .npmrc for gsap premium modules\nCopy your .npmrc in the root folder of the project if you want to use GSAP's premium features.\n\nif you don't have a GSAP premium subscription please remove the gsap-shockingly modules and other gsap premium features from the package.json and the ts/main.ts\n\n## Start Coding :)\n### Run typescript and scss watcher\n```bash \nnpm run dev\n```\n\n### Run hubspot upload watcher\n```bash\n./hs-watch.sh\n```\nor if you want to upload the theme before watching (Recommended for initial project run)\n```bash\n./hs-up-watch.sh\n```\n\n### Create new template\n - Copy boilerplate template file from /website-theme/templates/boilerplate.html and paste into /website-theme/templates/[Name Of Template].html\n - Copy boilerplate scss folder in /website-theme/scss/boilerplate and paste into /website-theme/scss/[Name Of Template]\n - On line 1 in [Name Of Template].html change the template label to your preferred label: ```label: [Label Of Template]```\n - On line 7 in [Name Of Template].html correct SCSS path for your template: ```{{ require_css(get_asset_url('../dist/scss/[Name Of Template]/index.css')) }}```\n#### Add new SCSS to filewatcher:\nOn line 8 in /esbuild.js add your new SCSS path to the array:\n```js\nentryPoints: [\"website-theme/scss/[Name Of Template]/index.scss\", .../*rest of array*/]\n```\nAfter that restart the filewatcher...\n\n## Helpful links:\n - [Hubspot tags docs - https://developers.hubspot.com/docs/cms/hubl/tags](https://developers.hubspot.com/docs/cms/hubl/tags)\n - [Hubspot blog template docs - https://developers.hubspot.com/docs/cms/building-blocks/templates/blog](https://developers.hubspot.com/docs/cms/building-blocks/templates/blog)\n - [Hubspot exportToContext docs (Helpful for blog listing pages) - https://developers.hubspot.com/docs/cms/building-blocks/modules/export-to-template-context](https://developers.hubspot.com/docs/cms/building-blocks/modules/export-to-template-context)\n - [Hubspot functions docs - https://developers.hubspot.com/docs/cms/hubl/functions](https://developers.hubspot.com/docs/cms/hubl/functions)\n - [Hubspot module docs - https://developers.hubspot.com/docs/cms/building-blocks/modules/files](https://developers.hubspot.com/docs/cms/building-blocks/modules/files)\n - [Hubspot CLI docs - https://developers.hubspot.com/docs/cms/developer-reference/local-development-cli](https://developers.hubspot.com/docs/cms/developer-reference/local-development-cli)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamuellembke%2Fhubspot-theme-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamuellembke%2Fhubspot-theme-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamuellembke%2Fhubspot-theme-boilerplate/lists"}