Creating reusable functionality across projects

How many times have you built...

Three Column Component
Text and Image Component
Slideshow Component
Simple Text Component

How many times have you built it just a little bit different???

Cat Gif

Bootstrap Paragraphs Module

The Bootstrap Paragraphs module provides a suite of content and layout Paragraph bundles made with the Bootstrap front-end framework.

Building a better page builder

Strategy

Create a module that would make the basic paragraphs needed for every site.
Create base templates & CSS that could be used with any theme that includes Bootstrap.
Harness the power of Entity Reference Revisions fields to nest Paragraphs.
Have global width & background color options.

Content bundles

Common semantically organized fields, and reference fields to common entities.

Simple HTML
Image
Blank
Drupal Blocks
Views
Contact Forms/Webforms are Submodules

Layout bundles

Entity Reference Revisions fields to other Paragraphs.

Columns
Carousel
Accordion
Modal
Tabs

Building a module from config

Create functionality in a blank Drupal install
Create module structure
Add Templates, CSS, and JS
Add Function to override Template
Export Config, delete UUIDs, Name space/change file names

Create functionality in a blank Drupal install

Spin up a sandbox on your favorite hosting platform or on your local dev environment and build your functionality.

Create module structure

Add Templates, CSS, and JS

Add any templates you need.
Add a CSS file.
Add a JS file if needed.
Configure them in the module's .libraries file.

Export Config, delete UUIDs, Name space/change file names

If needed, add function to override Template in .module

Bootstrap Pages

Install, Test, & Share the finished product

Bootstrap Pages

Content Types
Article, Author, Landing Page
Includes Bootstrap Paragraphs, Meta tags and Schema.org markup; optimized, responsive images, preconfigured friendly URLs; and an organized administration
Taxonomies
Category, Topic, Type
Views
All Articles, Articles by Terms

SEO Starter

Config only module that had module dependencies and starter config for Search Engine Optimization.

SEO Starter


function seo_starter_override_config($config_name, $path) {
  $active_storage = \Drupal::service('config.storage');
  $active_storage->write($config_name, Yaml::parse(file_get_contents($path . '/config/override/' . $config_name . '.yml')));
}

/**
 * Implements hook_install().
 */
function seo_starter_install() {
  // Set path.
  $path = drupal_get_path('module', 'seo_starter');
  // Override configs.
  seo_starter_override_config('coffee.configuration', $path);
  seo_starter_override_config('easy_breadcrumb.settings', $path);
  seo_starter_override_config('google_analytics.settings', $path);
  seo_starter_override_config('metatag.metatag_defaults.403', $path);
  seo_starter_override_config('metatag.metatag_defaults.404', $path);
  seo_starter_override_config('metatag.metatag_defaults.front', $path);
  seo_starter_override_config('metatag.metatag_defaults.global', $path);
  seo_starter_override_config('metatag.metatag_defaults.node', $path);
  seo_starter_override_config('metatag.metatag_defaults.taxonomy_term', $path);
  seo_starter_override_config('metatag.metatag_defaults.user', $path);
  seo_starter_override_config('pathauto.pattern.content', $path);
  seo_starter_override_config('pathauto.pattern.taxonomy', $path);
  seo_starter_override_config('pathauto.pattern.user', $path);
  seo_starter_override_config('pathauto.settings', $path);
  seo_starter_override_config('redirect.settings', $path);
  seo_starter_override_config('simple_sitemap.custom', $path);
  seo_starter_override_config('simple_sitemap.settings', $path);
}