Skip to content

emptypockets-dev/create-hubspot-project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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.

About

CLI to bootstrap new Hubspot projects.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published