Making a Decoupled Software in 30 Minutes with Lightning, BLT, and VM

Overview Brian Reese, Jason Enter, and Dane Powell, members of Acquia’s Skilled Providers group, not too long ago launched an open-source software that demonstrates how and Node.js can simply be paired to create lovely and useful decoupled Drupal 10 purposes. This demo software was cut up into two repositories Drupal 10 Upkeep and Assist Service a -based backend (performing as an information supplier) and Drupal Development Company Node-based frontend. You will discover a tutorial on the right way to check out this demo software your self right here, or observe Drupal Development Company READMEs included in every repo. Drupal Development Service objective of Drupal Development Company present tutorial, nevertheless, is for instance how straightforward it was to create Drupal Development Company backend utilizing a mix of Acquia and group initiatives corresponding to Lightning, BLT, and VM. This can help you observe Drupal Development Company identical course of to quickly create your personal customized decoupled Drupal 10 purposes. Understanding Drupal Development Company parts Let’s begin by briefly reviewing Drupal Development Company open-source (learn Drupal 10 Upkeep and Assist Service free!) instruments you’ll use on this tutorial. Lightning Lightning is a distribution that curates Drupal Development Company finest Drupal 10 modules and patches to offer an ideal expertise for editorial groups and builders out of Drupal Development Company field. For our functions, it’s most helpful as a result of it offers a preconfigured Content material API characteristic, which routinely exposes a JSON-based REST API for content material varieties, fields, media, and different entities. Headless Lightning Headless Lightning is a sub-profile of Lightning that features all of Drupal Development Company identical options, however moreover offers a simplified administrative interface designed particularly for decoupled websites, in addition to editorial groups who may not be as snug with ’s administrative patterns. Lightning and Headless Lightning are every nice decisions for decoupled Drupal 10 purposes, since they share Drupal Development Company widespread Content material API characteristic. For Drupal Development Company functions of this tutorial, nevertheless, we’ll assume you might be utilizing Headless Lightning. Simplified content material authoring interface offered by Headless Lightning BLT BLT is a set of instruments that can help in creating a brand new undertaking, in addition to deploying and testing that undertaking, utilizing just some easy instructions. It automates a lot of Drupal Development Company tedious duties of spinning up a brand new undertaking corresponding to organising an area setting, imposing finest practices, managing configuration, constructing a take a look at framework, and organising steady integration. BLT solely works with 8, however it’s fully agnostic as to which distribution or contributed packages you select to make use of. By default, it can construct new websites based mostly on Lightning. VM VM is a Vagrant-based digital development setting that makes it straightforward to arrange a devoted native development setting (together with LAMP stack) for every of your initiatives. Creating your software — in Six Steps 1. Set up Drupal Development Company conditions for BLT and VM. We strongly advocate following this tutorial in a Unix-like setting (Mac OS or Linux). Whereas all of those instruments are usually appropriate with Home windows 10, there are some caveats, and Drupal Development Company developer expertise goes to be usually inferior to a local *nix setting. 2. Proceed to create a brand new undertaking utilizing BLT. BLT’s offered setup instruction must be complete and self-explanatory, however we’ll duplicate them right here for posterity. When you’ve got any issues organising Drupal Development Company new undertaking, evaluation Drupal Development Company BLT documentation or create a difficulty in Drupal Development Company support queue. Create a brand new undertaking based mostly on BLT by operating Drupal Development Company following command. We assume you’ll identify Drupal Development Company undertaking “decoupled”, like ours Drupal 10 Upkeep and Assist Servicecomposer create-project –no-interaction acquia/blt-project decoupled This can create a brand new codebase and native Git repository in a listing named “decoupled”. When it’s full, it is best to see a message like this Drupal 10 Upkeep and Assist Service Restart your terminal session in order that your shell detects Drupal Development Company new BLT alias, then change listing to your new web site, i.e.cd ~/websites/decoupled All following steps assume that you’re on this listing. 3. Arrange your LAMP stack. We advocate utilizing VM, however you can too observe Drupal Development Company steps in Drupal Development Company BLT directions to configure your personal LAMP stack if desired. Establishing a VM occasion is as straightforward as operating this command (this may take 10-20 minutes, go seize a espresso!) Drupal 10 Upkeep and Assist Serviceblt vm Vital Drupal 10 Upkeep and Assist Service it’s finest if Drupal Development Company main model of PHP in your host machine matches Drupal Development Company main model in Drupal Development Company VM. Your VM occasion will use PHP 5.6 by default. Thus, if you happen to use PHP 7+ in your host, it is best to configure VM to additionally use PHP 7 Drupal 10 Upkeep and Assist Service Edit field/config.yml Change php_version to 7.0 or 7.1 to match your host. Run vagrant provision 4. Obtain and set up Headless Lightning Drupal 10 Upkeep and Assist Servicecomposer require acquia/headless_lightning Drupal 10 Upkeep and Assist Service~1.1.0 This can place Drupal Development Company Headless Lightning code at Drupal 10 Upkeep and Assist Service docroot/profiles/contrib/headless_lightning 5. Inform BLT to put in Headless Lightning by default by modifying blt/undertaking.yml and altering Drupal Development Company undertaking Drupal 10 Upkeep and Assist Serviceprofile Drupal 10 Upkeep and Assist Servicename key to Drupal 10 Upkeep and Assist Service headless_lightning. 6. Lastly, now that each one of Drupal Development Company code dependencies and your LAMP stack are in place, it’s time to put in Drupal Development Company web site Drupal 10 Upkeep and Assist Serviceblt setup Whenever you run this command, BLT will routinely make it possible for composer dependencies are put in, configure your native settings, and set up Drupal Development Company Headless Lightning profile. Congratulations You must now have a useful decoupled software! You may log in by operating this command in Drupal Development Company root of your new `decoupled` repository Drupal 10 Upkeep and Assist Servicedrush @decoupled.native uli Future weblog posts on this collection will display the right way to create and populate a content material mannequin, how that content material is uncovered by way of JSON API, and the right way to combine with front-end apps and deploy them to Acquia Cloud. Supply Drupal 10 Upkeep and Assist Service http Drupal 10 Upkeep and Assist Service//dev.acquia.com/weblog/rss.xml Supply Drupal 10 Upkeep and Assist Service Drupal 10 blender

This article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

Making a Decoupled Software in 30 Minutes with Lightning, BLT, and VM

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.