mariohernandez / components-theming

Basic repo for training workshop on components theming. This is a short (4hrs) workshop.

Repository from Github https://github.commariohernandez/components-themingRepository from Github https://github.commariohernandez/components-theming

Component-based Theming

A hands-on training workshop by your friends at Mediacurrent.

This is a 4 hours training workshop to teach the basics of component-building and integration with Drupal 9.

About this project

This is a DDEV-Local-based project. You need to Install Docker and DDEV-local before proceeding.

Setup the project

  1. Clone this repo git clone git@github.com:mariohernandez/components-theming.git

  2. Navigate to new project: cd components-theming

  3. Start up DDEV-local: ddev start

  4. Download and Install Drupal Core and PHP Dependencies: ddev composer install

  5. Run Drupal's install: ddev drush site:install -y

  6. Import a working database: ddev import-db --src=web/db.sql

  7. Start up Drupal: ddev drush uli and click or copy/paste the URL provide by DDEV.

The above steps will give you a working Drupal 9 site with demo content and basic components configuration. In addition, it provides a working custom theme with automated workflow for building components.

Working with the theme

  1. Navigate to the theme's directory: cd web/themes/custom/drupal9_theme
  2. Run nvm install
  3. Run nvm use
  4. Run npm install
  5. Run npm run build
  6. Run npm run watch (while working on building components)

About

Basic repo for training workshop on components theming. This is a short (4hrs) workshop.

License:MIT License


Languages

Language:PHP 45.5%Language:Twig 27.1%Language:SCSS 13.2%Language:JavaScript 12.0%Language:CSS 1.5%Language:Mustache 0.6%