Laravel Hubspot Starter Kit

screenshot of Laravel Hubspot Starter Kit
vite
vue
tailwind

A starter kit for public apps that utilize the HubSpot API

Overview

The Laravel HubSpot Starter Kit is a useful resource for developers who are building a public app for HubSpot. This starter kit provides a foundation for creating an app that integrates with the HubSpot platform. It includes various features such as Laravel, Vite, Vue with Vue Router, Pinia State Manager, Tailwind, Laravel Valet, Laravel Ziggy, and more. The kit also allows users to belong to multiple teams and add multiple portals. By following the provided installation guide, developers can easily set up the starter kit and start building their HubSpot app.

Features

  • Laravel 9.x: The latest version of the Laravel framework is included in the starter kit.
  • Vite 3.x: Vite is used as the build tool for the front-end assets.
  • Vue 3.x with Vue Router: The kit utilizes Vue.js with Vue Router for building the front-end.
  • Pinia State Manager: The Pinia state manager is included in the starter kit to manage state in the Vue app.
  • Tailwind 3.x: The popular CSS framework, Tailwind, is included in the starter kit for easy styling and customization.
  • Laravel Valet: Laravel Valet is used for local development and provides a simple way to link the working directory to a local domain.
  • Laravel Ziggy: Laravel Ziggy is included to make working with Laravel routes in JavaScript easier.
  • Integrated SPA: The starter kit utilizes a single-page application (SPA) architecture, where the Laravel API and Vue 3 front-end are served from the same server instance.
  • Laravel Auth: Laravel's built-in authentication system is integrated into the starter kit.
  • HubSpot OAuth2 flow: The starter kit includes the necessary functionality to handle the OAuth2 authentication flow with HubSpot.
  • Multi-team support: Users can belong to multiple teams within the app.
  • Multi-portal support: Teams can add multiple portals to the app, allowing for integration with multiple HubSpot accounts.
  • Procfile included: A Procfile is included in the starter kit, making it easy to deploy the app to Heroku.

Summary

The Laravel HubSpot Starter Kit provides a solid foundation for developers looking to build a public app for HubSpot. With features like Laravel, Vite, Vue with Vue Router, Pinia State Manager, and Tailwind, it offers a modern and efficient development experience. The kit also includes support for multi-team and multi-portal functionality, making it flexible for different use cases. By following the installation guide, developers can easily set up the starter kit and start building their HubSpot app with confidence.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

pinia
Pinia

Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.