create-hubspot-project

CLI to bootstrap new Hubspot projects.

Project setup includes:

• Hubspot CMS boilerplate
• Webpack
• PostCSS
  • postcss-extend-rule
  • postcss-advanced-variables
  • postcss-preset-env
  • postcss-atroot
  • postcss-property-lookup
  • postcss-nested
• Spingroup/postcss-hubl
• TailwindCSS
• Babel
• Git

Installation & Usage

The CLI is available as an NPM package so you don't need to clone anything in this repo. Use npx instead of npm to use the latest version without having to install anything extra. You can see more details about the npm package here: https://www.npmjs.com/package/create-hubspot-project

# 1. first install the Hubspot CLI globally
npm install -g @hubspot/cli@latest

# 2. npx uses the latest version
npx create-hubspot-project
# or pass --install to automatically install all dependencies
npx create-hubspot-project --install

# 3. connect your local project with Hubspot
hs init

Next steps

• update your HubSpot theme folder name in webpack.config.js
• rename your theme in theme.json unless you want to use the default "CMS Theme Boilerplate"
• add css/styles.css to your templates/layouts/base.html file
• Add import "./module.css" in module.js files if you want PostCSS to process them

License

MIT

Collaborators

• Andrey Kondratyuk [email protected]
• Message me if you'd like to contribute

Special Thanks

A big thank you to @dkundel for the starter code!

Another big thank you to BJ Szyjakowski for building a plugin that finally allows HubL to work with PostCSS. If you want to be a HubSpot expert, read his blog.