---
title: "Create Website with HubSpot CMS Boilerplate: A comprehensive Guide"
description: Learn how to create website with HubSpot CMS Boilerplate, following the best practices for developers, and create websites with the best user experiences.
image: https://www.webdew.com/hubfs/webdew-favicon-icon.png
---
[](https://www.webdew.com/)
- For HubSpot
HubSpot Services
[HubSpot Onboarding](https://www.webdew.com/services/hubspot/onboarding)
[HubSpot Website](https://www.webdew.com/services/hubspot/website)
[HubSpot Management](https://www.webdew.com/services/hubspot/management)
[HubSpot Consulting](https://www.webdew.com/services/hubspot/consulting)
[HubSpot Development](https://www.webdew.com/services/hubspot/development)
[HubSpot Migration](https://www.webdew.com/services/hubspot/migration)
[HubSpot Marketplace](https://www.webdew.com/marketplace)
[HubSpot Integration](https://www.webdew.com/services/hubspot/integration)
[AEO](https://www.webdew.com/aeo)
HubSpot Audit
[Get Your Free Audit Today](https://www.webdew.com/services/hubspot/audit)
HubSpot Platform
[ Marketing Hub](https://www.webdew.com/services/hubspot/marketing-hub)
[ Sales Hub](https://www.webdew.com/services/hubspot/sales-hub)
[ Service Hub](https://www.webdew.com/services/hubspot/service-hub)
[ Content Hub](https://www.webdew.com/services/hubspot/content-hub)
[ Revenue Hub](https://www.webdew.com/services/hubspot/revenue-hub)
[ HubSpot Breeze](https://www.webdew.com/services/hubspot/breeze)
- For SaaS
webdew SaaS Services
[Website Design](https://www.webdew.com/services/website/design)
[Explainer Video](https://www.webdew.com/services/videos/explainer)
[Social Media Marketing](https://www.webdew.com/services/marketing/social-media-marketing)
[Website Development](https://www.webdew.com/services/website/development)
[Demo Video](https://www.webdew.com/services/videos/demo)
[Lead Generation](https://www.webdew.com/services/marketing/lead-generation)
[Website Migration](https://www.webdew.com/services/website/migration)
[Testimonial Video](https://www.webdew.com/services/videos/testimonial)
[Google Ads](https://www.webdew.com/services/marketing/google-ads)
[Branding](https://www.webdew.com/services/branding)
[SEO & Link Building](https://www.webdew.com/services/marketing/seo)
[Meta Ads](https://www.webdew.com/services/marketing/meta-ads)
[Video Ads](https://www.webdew.com/services/videos/ads)
[Content Marketing](https://www.webdew.com/services/marketing/content-marketing)
[YouTube Ads](https://www.webdew.com/services/marketing/youtube-ads)
HubSpot Audit
[Get Your Free Audit Today](https://www.webdew.com/services/hubspot/audit)
- Our Work
- [Video Portfolio](https://www.webdew.com/work/videos)
- [Marketing Portfolio](https://www.webdew.com/work/marketing)
- [HubSpot Portfolio](https://www.webdew.com/services/work/hubspot)
- [Website Portfolio](https://www.webdew.com/work/website)
- Let’s Learn
- [E-Books](https://www.webdew.com/resources)
- [Blogs](https://www.webdew.com/blog)
- [Case Studies](https://www.webdew.com/case-studies)
- About Us
- [Company](https://www.webdew.com/about)
- [Careers](http://careers.webdew.com)
- [Contact Us](https://www.webdew.com/contact)
[+1 (888) 644-4432](tel:+118886444432)
Get a Quote
 We typically respond the same day
## Accelerate Your Marketing Without Growing Headcount
### Danish Wadhwa
You can expect to hear from me or a member of our senior strategy team soon.
**CEO, webdew**
[+1 (888) 644-4432](tel:+118886444432)
Get a Quote
 We typically respond the same day
## Accelerate Your Marketing Without Growing Headcount
### Danish Wadhwa
You can expect to hear from me or a member of our senior strategy team soon.
**CEO, webdew**
Toggle Menu
HubSpot CRM
# Create Website with HubSpot CMS Boilerplate: A comprehensive Guide
Written by: Danish
Date Apr 26, 2021
3 min Read
##### Table of contents
[Add as a preferred source on Google](https://www.google.com/preferences/source?q=https://www.webdew.com/)
Today every business has started paying more attention to the user experience, especially after the announcement of Google’s next ranking factor being about Page experience.
Now everyone is trying to stay ahead in the race and offer the best user experience, keeping the [Core Web Vitals](https://www.webdew.com/blog/what-are-core-web-vitals) in mind. Have you begun working on your website yet?
Quick question: Given a choice between [developing a website](https://www.webdew.com/blog/web-development-tools) from scratch and then working on it day and night or using a well-known CMS to create amazing websites with the most exciting user experience, what would you pick? Oh, did I tell you that with HubSpot CMS Boilerplate, this whole process is a lot quicker?
Well, the choice is clear. And this brings us to the next few questions: What is HubSpot CMS Boilerplate; what is all the buzz about; and how can one create a website with HubSpot CMS Boilerplate? Let’s take these questions one by one.
Excited to start? So, let’s dive in.
## What is HubSpot CMS Boilerplate?
The HubSpot CMS Boilerplate demonstrates the [best practices](https://www.webdew.com/blog/web-application-development) developers can follow while building on the HubSpot CMS Platform. It basically acts as a starting point for helping developers get a website up and running quickly on the [HubSpot CMS](https://www.webdew.com/blog/hubspot-cms) Platform.
The Boilerplate is an open-source GitHub project where everyone is open to making suggestions. With HubSpot CMS Boilerplate, anyone can create great websites with the best user experiences.
And this is exactly what every business dreams about. After all, it’s the website that represents a business digitally.
## Why should Developers use the HubSpot CMS Boilerplate?
- The HubSpot CMS Boilerplate is **based on the best practices followed by developers** to create the best website experience.
- The HubSpot CMS Boilerplate **offers developers a clean, performant, and ready-to-modify website,** saving them a substantial amount of development time.
- The Boilerplate also **provides comprehensive CSS** for HubSpot resources such as forms, menu modules, base classes, and much more.
**If you need help with custom themes, reusable modules, integrations, or more advanced website functionality, explore our** [**HubSpot development services**](https://www.webdew.com/services/hubspot/development)**.**
## Getting started with HubSpot CMS Boilerplate
I am positive by now that you must be really eager to know how to set up Boilerplate and start developing your websites as soon as possible. But, before you start, here are some prerequisites:-
- Have a [HubSpot](https://www.webdew.com/blog/what-is-hubspot) account; if you don’t have one, you can create your free account on HubSpot now.
- **Install node.js on your system.** NodeJS is required to set up HubSpot’s local development tools.
### Install the HubSpot CMS CLI
- Once you complete the above steps, **open a Node command Prompt or your CMD** and navigate the directory you would like to save your local HubSpot files.
- **Then run Next, run npm install -g @hubspot/cli** to install the HubSpot CLI. This will enable the hs command, which helps interact with your HubSpot account.
Watch this video clip to see how you can Install the HubSpot CMS CLI.
### Set up the Local Development Environment
- **Open Node command Prompt Or system’s CMD** and run this command hs init this will connect the local tools to your HubSpot account.
- **After running the hs init command, you have to create a personal CMS access key** to allow authenticated access to your HubSpot account via the local development tools. To do so, hit “Enter” once you’re all set to open your personal CMS access key page in your default browser. Here you can view or generate your personal access key.
- **Copy the access key** and paste it into the terminal.
- **Then, you have to provide a unique name for your account,** and this name will be used while running the commands.
- Once you have completed these steps successfully, you’ll see a success message, and **a hubspot.config.yml file will be created** in your current work directory.
Watch this video to learn how you can set up your Local Development Environment.
### Time to create your First Project
- Run this command **hs create website-theme Boiler-Demo** to create a Boiler-Demo to create a new directory with CMS theme boilerplate. That’s it!
Watch this clip to understand how you can create your first project on HubSpot CMS Boilerplate.
### Upload your Project to HubSpot
- Run this command **hs upload Boiler-Demo Boiler-Demo** to upload your new project to a Boiler-Demo folder in your HubSpot account.
**Follow the guidelines in the video to upload your project to HubSpot CMS Boilerplate.**
### Create a Website Page
Now let’s hop on to see how to create a new website page. So let’s begin:-
- **Navigate** to Marketing \> Websites \> Website pages in the topmost navigation bar.
- **Go to** the “Create” dropdown menu in the upper right-hand corner and click on “Website page.”
- In the next screen, **select** the “Homepage” template and enter a name for your webpage.
- This will **create a new page** using the template and open the page in the content editor, where you can make any modifications you like.
- **Click** on preview at the top on the right-hand side to see how your web page would appear on different devices.
- On the Settings tab, **provide a URL** for the page, a page title, and click “Publish.” And voila, your webpage is now live. (Note: you can also schedule your webpage for later, and in that case, select schedule)
- **Select** your page’s URL to view your live web page.
**Watch this video clip to understand how you can create a website on HubSpot CMS.**
## Wrapping Up
There you go, folks, that was all about creating a website with HubSpot CMS Boilerplate. Hope you find this guide useful. And if you have any doubts, please do let us know.
Want to launch your [website using HubSpot CMS](https://www.webdew.com/blog/websites-using-hubspot-cms) but don’t have any hands-on experience on HubSpot? Well, don’t worry.
[Get in touch](https://www.webdew.com/contact)with us now, and our team of HubSpot experts will handle everything for you.
Editor: Richa Sharma
## Dive Into our Client Testimonials
Listen to business owners like you share how we’ve helped them grow. Your story could be next!
.svg)
Play Video
“Recently we reached out to Webdew for a website inside of HubSpot and they also did some mocking automation for us.”
Conrad T. Walz Vice President, Ortholive
Play Video
“Webdew team was quite honest and quite easy to work with in terms of taking feedback implementing it, showing that it doesn’t happen again and things like making sure that it meets our expectations.”
Uday Jose Managing Director, Enate India
Play Video
“We worked with webdew to help us build our HubSpot website and they did an amazing job with it. They were very quick.”
Nishtha Maheswari CEO, Pinkpowerco
Play Video
“webdew has helped us optimize the sales and marketing processes, and this is automating a lot of processes.”
Sameer Jhaveri Managing Director, XcellHost Cloud Services
Play Video
“Hi everyone my name is Kara and I work as a channel consultant at HubSpot Singapore. I’ve been working closely with webdew agency”
Kiara General Consultant, HubSpot Singapore
Play Video
“Hi my name is Christian from OpenDoors Mortgage team and I’m in the mortgage business and just trying to work on new projects and kind of incorporating HubSpot for my operations”
Christian Amurao Founder, OpenDoors Mortgage
Play Video
“I’m one of the technology directors for Travelopia. We are the largest experiential travel company in the world. We’ve engaged webdew recently, not recently, it’s been about a couple of quarters now.”
Sreekandh Technology Director, Travelopia
“We worked with Chehak over the past several months to create a series of animated videos for an academic planner that we produce. And from the very beginning, she was absolutely professional and a pleasure to work with.”
Veronica Bishop Content Writer, Bishop Content Studio
## 6x
We helped clients multiply their website conversion rates through strategic design and UX optimization.
## 20%
Our marketing campaigns led to a 20% uplift in customer engagement across digital channels.
## 2K+
Delivered over 2,000 qualified leads through targeted funnels and smart automation.
## 120+
Our video content has earned 120,000+ views, driving brand awareness and audience retention.
“I recently had the pleasure of working with Chehak on a video demo project, and I was thoroughly impressed with her services.”
.svg)
Matt Kay Co-founder, Talem AI
## Additional Resources
Access expert tips, trends, and strategies designed for small businesses. Stay ahead of the curve and make informed decisions with our comprehensive resources!
##### [ CRM Health Scoring for B2B SaaS in 2026  Danish Sep 09, 2026](https://www.webdew.com/blog/crm-health-scoring-for-b2b-saas-in-2026)
##### [ CRM consulting for RevOps alignment in B2B SaaS  Danish Jul 23, 2026](https://www.webdew.com/blog/crm-consulting-revops-alignment)
##### [ How to clean legacy CRM data for HubSpot in 2026  Danish Jul 17, 2026](https://www.webdew.com/blog/clean-legacy-crm-data-hubspot)
##### [ Top 7 CRM service partners for mid-market SaaS  Danish Jul 15, 2026](https://www.webdew.com/blog/crm-service-partners-mid-market-saas)
[](https://www.webdew.com/)
[](https://www.linkedin.com/company/webdewltd)
[](https://www.instagram.com/webdewcom)
[](https://www.youtube.com/channel/UCj87BqEOOZOQNZW0vXS14GA)
Unlock your business potential with our HubSpot development services.
- Hubspot Services
- [HubSpot Onboarding](https://www.webdew.com/services/hubspot/onboarding)
- [HubSpot Management](https://www.webdew.com/services/hubspot/management)
- [HubSpot Migration](https://www.webdew.com/services/hubspot/migration)
- [HubSpot Integrations](https://www.webdew.com/services/hubspot/integration)
- [HubSpot Development](https://www.webdew.com/services/hubspot/development)
- [HubSpot Website](https://www.webdew.com/services/hubspot/website)
- [HubSpot Consulting](https://www.webdew.com/services/hubspot/consulting)
- [HubSpot Marketplace](https://www.webdew.com/marketplace)
- [HubSpot Audit](https://www.webdew.com/services/hubspot/audit)
- SaaS Services
- [Website Design](https://www.webdew.com/services/website/design)
- [Website Development](https://www.webdew.com/services/website/development)
- [Website Migration](https://www.webdew.com/services/website/migration)
- [Branding](https://www.webdew.com/services/branding)
- [Video Ads](https://www.webdew.com/services/videos/ads)
- [Explainer Video](https://www.webdew.com/services/videos/explainer)
- [Demo Video](https://www.webdew.com/services/videos/demo)
- [Testimonial Video](https://www.webdew.com/services/videos/testimonial)
- [SEO & Link Building](https://www.webdew.com/services/marketing/seo)
- - [Content Marketing](https://www.webdew.com/services/marketing/content-marketing)
- [Social Media Marketing](https://www.webdew.com/services/marketing/social-media-marketing)
- [Lead Generation](https://www.webdew.com/services/marketing/lead-generation)
- [Google Ads](https://www.webdew.com/services/marketing/google-ads)
- [Meta Ads](https://www.webdew.com/services/marketing/meta-ads)
- [YouTube Ads](https://www.webdew.com/services/marketing/youtube-ads)
- Quick Links
- [Company](https://www.webdew.com/about)
- [Careers](http://careers.webdew.com)
- [Contact Us](https://www.webdew.com/contact)
- [E-Book](https://www.webdew.com/resources)
- Knowledge Base
- [Case Studies](https://www.webdew.com/case-studies)
- [Blogs](https://www.webdew.com/blog)
© Copyright 2026 Webdew. All rights reserved
- Privacy Policy
- Terms & Conditions
```json
{
"@context" : "http://schema.org",
"@type" : "Organization",
"address" : {
"@type" : "PostalAddress",
"addressCountry" : "Canada",
"addressLocality" : "Surrey",
"addressRegion" : "BC",
"postalCode" : "V3Z0Z",
"streetAddress" : "15300 Croydon Dr. Suite 300"
},
"areaServed" : {
"@type" : "GeoCircle",
"geoMidpoint" : {
"@type" : "GeoCoordinates",
"latitude" : "+30.707258",
"longitude" : "+76.684739"
},
"geoRadius" : "150 km"
},
"description" : "Webdew is The Full Service Digital Marketing Agency with 50+ agency members Specialised in HubSpot, SEO, Explainer Videos, Website Designing & Development.",
"email" : "hello@webdew.com",
"logo" : "https://3074142.fs1.hubspotusercontent-na1.net/hubfs/3074142/webdew%20Logo%20-%20Start%2c%20Build%20&%20Grow.svg",
"mainEntityOfPage" : {
"@id" : "https://www.webdew.com/blog/create-website-with-hubspot-cms-boilerplate",
"@type" : "WebPage",
"description" : "Learn how to create website with HubSpot CMS Boilerplate, following the best practices for developers, and create websites with the best user experiences."
},
"name" : "webdew",
"sameAs" : [ "https://www.facebook.com/webdewcom/", "https://twitter.com/webdew_com", "https://www.linkedin.com/company/webdewltd/", "https://www.instagram.com/webdew.co/", "https://www.youtube.com/channel/UCj87BqEOOZOQNZW0vXS14GA" ],
"telephone" : "+1 (778) 655-7871",
"url" : "https://www.webdew.com"
}
```
```json
{
"@context" : "http://schema.org",
"@type" : "BlogPosting",
"author" : {
"@type" : "Person",
"name" : "Admin"
},
"dateModified" : "August 14, 2026, 5:56:38 PM",
"datePublished" : "2021-04-27 06:00:00",
"description" : "Learn how to create website with HubSpot CMS Boilerplate, following the best practices for developers, and create websites with the best user experiences.",
"headline" : "Create Website with HubSpot CMS Boilerplate: A comprehensive Guide",
"image" : {
"@type" : "ImageObject",
"url" : ""
},
"publisher" : {
"@type" : "Organization",
"logo" : {
"@type" : "ImageObject",
"url" : "https://3074142.fs1.hubspotusercontent-na1.net/hubfs/3074142/webdew%20Logo%20-%20Start%2c%20Build%20&%20Grow.svg"
},
"name" : "webdew"
}
}
```