A blank slate for theme development on HubSpot CMS.
The stack is somewhat opinionated and comes with a default set of build tools, preprocessors, etc:
- ๐ฆ Webpack
- ๐ PostCSS w/ Tailwind & postcss-preset-env
- ๐ ๏ธ TypeScript
This project allows you to develop in 2 different environments:
- Remote - sync's changes to your HubSpot portal as you work
- Local - fetches your HubSpot pages and serves them with webpack-dev-server (allows fast-refresh)
To upload templates & assets to the HubSpot design manager as you work, run:
npm run dev
To sync CMS pages and serve them locally with webpack-dev-server, there are multiple steps. First edit project.config.js
and add the info for any page you want to sync. Then run the following:
npm run sync:local
npm run dev:local