Craft CMS + Gatsby, more on Composer 2, plugins, tips and more.
Welcome to issue #124 of Craft Link List. This issue is heavy on Composer 2. That's relevant to Craft because that's how most people install and update it. There's also exciting news for Gatsby users as the Craft team releases official plugins for Gatsby support.
Thank you to this issue's sponsor, Solspace.
Freeform 3.9 helps you keep up with your site without logging into your control panel. It features Email Alerts to notify you when an email notification cannot be delivered and a Weekly Digest email on your forms' performance and status.
Let's hit the links.
Craft 3.6.0 Beta Released
Craft 3.6 has been released in beta. Before you jump into the beta, read the notice at the top of the changelog: "If you have a custom session driver, make sure you update it for Yii 2.0.29 compatibility." You'll also need to be running PHP 7.2.5 or later.
What can you expect from 3.6? Check out the changelog. One noticeable trick 3.6 has in store is resetting admin password via console. (h/t Piotr)
Gatsby source plugin for Craft CMS
This Gatsby source plugin provides an integration with Craft CMS. It uses Craft’s GraphQL API to make content within Craft available to Gatsby-powered front ends. You'll also want the Gatsby Helper plugin, mentioned at the beginning of the Plugged In section later in this issue.
Related to this release is the renaming of the Discord channel where headless Craft CMS development is discussed. That channel has changed its name from "graphql" to "headless."
Catch & resolve issues sooner with the new Dashboard & Update Notices
Freeform 3.9 includes a redesigned Dashboard and a new built-in Update Notices and What's New center to display notices and warnings, giving you some peace of mind as it keeps you informed about new features and issues that only specifically affect your site. Paired with Weekly Digest email notifications, this is a powerful feature that allows you to run your site on autopilot.
Tools, tips, and fundamentals
Craft 3.5 & Project Config: a to-do list
Daryl Knight shared this to-do list when taking the plunge into using Project Config.
Getting started with Transcoder for Craft CMS
Bryan Dugan has written a Craft CMS tutorial on transcoding a video with the Transcoder plugin to mp4 and webm and creating a video thumbnail to use while the video is loading or in case the browser doesn't support video.
Style Board Game Cards with Tailwind CSS for Craft CMS tutorial - EaglePeak Consulting
Alex Aguilar continues the Craft CMS tutorial series on building a favorite board games library. In this lesson, he updates the homepage to display board game cards & style them with Tailwind CSS.
Perfecting your technique
Updating to Composer 2 | CraftQuest
Composer 2 was recently released. Here's a snapshot of what's changed and how to update to the new version.
Discussion on Composer 2 and psr-4 autoload updates
Now that Composer 2 is the current version of Composer, some plugins might fail in Composer 2 due to psr-4 autoloading issues. The link above deals with this issue and can offer some insight if you're trying to update your plugins for Composer 2.
Additionally, this Github issue in the PDF Transform plugin's repo also addressed a psr-4 autoloading issue. The important thing to notice in this solution is the case change in the path that Brandon suggested:
git mv src/assetbundles/pdftransform src/assetbundles/PdfTransform
Using Composer 2.0 with PSR4.
Continuing the Composer 2 theme, this article discusses 3 reasons you might be getting psr-4 autoloading warnings and how to fix them.
How to Downgrade Composer to Version 1
Did you update to Composer 2 and need to get back to Composer 1? This is your article.
Controller Actions | Craft CMS Documentation | 3.x
A new Controller Actions page was added to the Craft docs, which lists how to talk to some of the more common actions.
Modular element queries with Craft - Webstoemp
In Craft 3, elements queries parameters use dot syntax exclusively, which changed how to implement search and filters with modular element queries. Here is a quick rundown of how I approach it nowadays.
How to update billing details for a subscription in Craft Commerce
This Stack Exchange post asks what’s the best way to create a form that allows your users to update payment information for a subscription before a subscription renews with outdated credit card info.
Nginx-Craft 1.0.30 released
Andrew's Nginx virtual host configuration for Craft CMS implements a number of best-practices and now includes support for Forge Nginx Templates.
Turn on autopilot with Weekly Digest & Email Alerts
Freeform 3.9 includes an Email Alerts feature that notifies you of failed email notifications, and a Weekly Digest email notification that keeps you in the loop about your website's Freeform form performance and status. Paired with the Update Notices system, this allows you to keep your finger on the pulse of your website without logging in and checking every once in a while.
This plugin enables support for the gatsby-source-craft Gatsby source plugin mentioned in the Top Stories section above. Combined, they provide integration between Craft CMS and Gatsby.
This plugin provides an Webshipper integration for Craft Commerce.
Control Panel Nav
This plugin allows you to rename, reorder, or toggle visibility on menu items for the Control Panel.
The Donkeytail fieldtype allows you to quickly and easily manage points on images. You can use Donkeytail for locations on a faux map, showcase multiple products within an image, or even pin the tail on a donkey. 🍹
(That's an emoji of a "Moscow Mule" cocktail, btw.)
This plugin provides Vipps Login Integration for CraftCMS / CraftCommerce.
Installing will add UK counties as States into Craft Commerce. Uninstalling will remove UK states from Craft Commerce.
The Craft Advantage
More reminders if ever they were needed, that all the benefits of using Craft go far beyond the CMS itself.
It’s not Craft, but it’s interesting.
devMode.fm // Why you should adopt TypeScript ⭐️
Stefan Baumgartner, author of TypeScript in 50 Lessons, joins the devMode crew to discuss what TypeScript is, and why we should adopt it.
The new content-visibility property
The new CSS property that boosts your rendering performance for the "skilled perf nerd."
Unwrap SVG circles and ellipses • Motion Tricks
A fun SVG animation example.
Popular Front End Development Tools You Should Know ⭐️
This script will crawl the tailwindui.com website and download all the component HTML to the
Debugging modern image formats in Chrome.
Chrome DevTools now let you disable WebP or AVIF within the Rendering panel to test differing fallbacks.
Nginx / Laravel Forge tip for slow site
pm.max_children = 5