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

``bash

`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" - addcss/styles.css to your templates/layouts/base.htmlfile - Addimport "./module.css" in module.js` files if you want PostCSS to process them

License

MIT

Collaborators

- Andrey Kondratyuk
- 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.