Loading repository data…
Loading repository data…
samuellembke / repository
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.
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.
git clone https://github.com/samuellembke/hubspot-theme-boilerplate.git
npm i
Change the project name from: hubspot-theme-boilerplate, to your theme name. Only use lowercase letters and no spaces no special symbols. Basically a slug/path compliant name
Connect hubspot with the hubspot account you want to publish on
hs init
Copy your .npmrc in the root folder of the project if you want to use GSAP's premium features.
if 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
npm run dev
./hs-watch.sh
or if you want to upload the theme before watching (Recommended for initial project run)
./hs-up-watch.sh
label: [Label Of Template]{{ require_css(get_asset_url('../dist/scss/[Name Of Template]/index.css')) }}On line 8 in /esbuild.js add your new SCSS path to the array:
entryPoints: ["website-theme/scss/[Name Of Template]/index.scss", .../*rest of array*/]
After that restart the filewatcher...