# here's Published articles for here's. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Updating Craft CMS Without Headaches DevFeed: [Updating Craft CMS Without Headaches]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2020-11-30T05:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Composer](), [Content Management System](), [Package manager](), [PHP](), [Website]() Tags: [cause](), [cms](), [composer](), [craft](), [dependency](), [documentation](), [doesn-t](), [headaches](), [here-s](), [insights](), [latest](), [maintenance](), [pain](), [php](), [prescription](), [update](), [updating](), [version]() ### AI overview A tutorial on updating Craft CMS after version 3 moved the platform and its plugins to Composer-managed PHP packages. It recommends frequent updates, ideally about once per month, to reduce dependency complexity and make problems easier to roll back. ### Source excerpt Updating Craft CMS to the latest version doesn't have to cause headaches. Here's our prescription for how to update Craft CMS without pain ## Setting Up AWS S3 Buckets + CloudFront CDN for your Assets DevFeed: [Setting Up AWS S3 Buckets + CloudFront CDN for your Assets]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2020-01-23T23:01:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Amazon S3](), [Amazon Web Services](), [Cloud](), [Content Management System](), [cloud-infrastructure](), [Caching](), [Website]() Tags: [assets](), [aws](), [aws-s3](), [cdn](), [cloud](), [cloud-storage](), [cloudfront](), [cms](), [convenient](), [distribution](), [here-s](), [how-to](), [inexpensive](), [insights](), [latency](), [like](), [right](), [s3](), [storage](), [store](), [using]() ### AI overview A tutorial on storing website and CMS assets in Amazon S3 and serving them through CloudFront. It explains the benefits of cloud storage, recommends using CloudFront rather than serving files directly from S3 buckets, and describes how cached assets are delivered from nearby edge locations. ### Source excerpt Using a cloud storage system like AWS S3 with a CDN distribution can be a convenient and inexpensive way to store your assets. Here's how to set it up right. ## Using Craft CMS as a Headless CMS with the GraphQL API DevFeed: [Using Craft CMS as a Headless CMS with the GraphQL API]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2020-01-20T05:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [GraphQL](), [API](), [Front end](), [Self-hosted]() Tags: [added](), [api](), [authoring](), [cms](), [craft](), [formalized](), [frontend](), [gives](), [graphql](), [headless](), [here-s](), [insights](), [layer](), [practical](), [structured](), [website]() ### AI overview This tutorial explains how to use Craft CMS as a headless CMS through its GraphQL API. It discusses the API's structured data access, its use with separate frontends, and the distinction between Craft CMS's first-party implementation and the CraftQL plugin. ### Source excerpt Craft CMS 3.3 added a GraphQL layer that gives your website a formalized, structured API out of the box. Here's how to use GraphQL + Craft CMS as a "headless" CMS ## Headless Preview in Craft CMS DevFeed: [Headless Preview in Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2019-08-13T02:40:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Single-page application (SPA)](), [API](), [Front end](), [Database]() Tags: [api](), [cms](), [content](), [craft](), [database](), [draft](), [editor](), [exploration](), [frontend](), [headless](), [here-s](), [implement](), [insights](), [introduced](), [preview](), [react](), [svelte](), [vue](), [works]() ### AI overview This article explains how Craft CMS 3.2 introduced headless content preview for pages rendered by a separate single-page application frontend. It describes the tokenized preview workflow, using auto-saved drafts, database records, tokenized URLs, and API requests to connect the editor with the frontend renderer. ### Source excerpt Craft CMS 3.2 introduced headless content preview. Here's an exploration of how it works, and how you can implement it ## Robust queue job handling in Craft CMS DevFeed: [Robust queue job handling in Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2019-08-03T15:37:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Job](), [async]() Tags: [async](), [avoid](), [cms](), [craft](), [failed](), [here-s](), [how-to](), [independent](), [insights](), [job](), [jobs](), [long-running](), [queue](), [runner](), [stalled](), [tasks](), [uses](), [using]() ### AI overview This tutorial explains how Craft CMS queues long-running tasks and why its default web-request-based queue execution can leave jobs stalled or failed. It discusses using an independent async queue runner. ### Source excerpt Craft CMS uses queue jobs for long-running tasks. Here's how to avoid stalled or failed queue jobs by using an independent async queue runner ## An Annotated webpack 4 Config for Frontend Web Development DevFeed: [An Annotated webpack 4 Config for Frontend Web Development]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2018-10-23T13:40:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Webpack](), [Web Development](), [Front end](), [Tooling]() Tags: [build](), [complete](), [complex](), [development](), [example](), [frontend](), [help](), [here-s](), [insights](), [modern](), [need](), [production](), [real-world](), [sophisticated](), [tooling](), [web-development](), [webpack](), [websites]() ### AI overview A tutorial presenting an annotated, real-world production webpack 4 configuration for modern frontend web development. It explains why the author adopted webpack and compares it with alternatives such as Laravel Mix, vue-cli, and Neutrino. ### Source excerpt As web development becomes more complex, we need tooling to help us build modern websites. Here's a complete real-world production example of a sophisticated webpack 4 config ## Handling Errors Gracefully in Craft CMS DevFeed: [Handling Errors Gracefully in Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-10-12T22:10:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Error Handling](), [Content Management System](), [Website](), [Development]() Tags: [cms](), [craft](), [debugging](), [error](), [error-handling](), [errors](), [guide](), [handle](), [handling](), [here-s](), [how-to](), [insights](), [it-s](), [matters](), [practical](), [website]() ### AI overview A practical guide to handling unexpected errors in Craft CMS websites through defensive programming, explicit error checks, null checks, user-friendly error handling, coding standards, and local devMode use. ### Source excerpt Every website can have errors, it's how you handle them that matters. Here's a practical error handling guide for Craft CMS. ## A Gulp Workflow for Frontend Development Automation DevFeed: [A Gulp Workflow for Frontend Development Automation]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-08-15T22:25:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Gulp](), [frontend development](), [workflow automation](), [CSS](), [JavaScript](), [make]() Tags: [automation](), [build](), [cache](), [cool](), [css](), [debugging](), [development](), [es6](), [faster](), [frontend](), [frontend-development](), [gulp](), [helps](), [here-s](), [insights](), [javascript](), [scss](), [stuff](), [tool](), [workflow]() ### AI overview A tutorial explaining why frontend workflow automation is useful and how Gulp can assemble a website's assets. It describes tasks for processing CSS and JavaScript, including SCSS compilation, browser prefixing, source maps, dependency inclusion, combining, minification, transpilation, and uglification. ### Source excerpt Gulp is a workflow automation tool that helps you build cool stuff faster; here's how to use it for frontend development. ## The Case of the Missing PHP Session DevFeed: [The Case of the Missing PHP Session]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-06-12T02:27:00Z Content type: article Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [PHP](), [Content Management System](), [Software as a service](), [Ubuntu](), [data]() Tags: [16-04](), [cms](), [craft](), [created](), [here-s](), [investigations](), [logging](), [minutes](), [php](), [saas](), [sessions](), [solved](), [ubuntu](), [website]() ### AI overview An investigation into why users of a Craft CMS SaaS website were logged out unexpectedly. The article explains that PHP sessions on Ubuntu expire after 24 minutes of inactivity by default, regardless of client-side session settings. ### Source excerpt A SaaS website created with Craft CMS was logging out sessions after 30 minutes; here's how I solved it ## A/B Split Testing with Nginx & Craft CMS DevFeed: [A/B Split Testing with Nginx & Craft CMS]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-05-10T18:52:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [A/B Testing](), [nginx](), [Content Management System](), [Testing]() Tags: [a-b-testing](), [analytics](), [browser](), [chrome](), [cms](), [craft](), [developer-tools](), [doing](), [effectiveness](), [here-s](), [insights](), [measuring](), [nginx](), [pages](), [split](), [testing](), [useful]() ### AI overview This tutorial explains how to implement A/B split testing with Nginx and Craft CMS. It describes serving different page variants based on visitor information, persisting the assigned variant in a 24-hour cookie, and sending test data to Google Analytics as a custom dimension. ### Source excerpt Doing A/B split testing can be very useful in measuring the effectiveness of your pages; here's how to do it with Nginx & Craft CMS ## Mobile Testing & Local Dev Sharing with Homestead DevFeed: [Mobile Testing & Local Dev Sharing with Homestead]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-05-06T18:55:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Mobile Testing](), [Vagrant](), [Mobile](), [Development](), [OpenSSH](), [Scripting, bash]() Tags: [environment](), [fantastic](), [here-s](), [homestead](), [hood](), [insights](), [local](), [mobile](), [mobile-testing](), [ngrok](), [share](), [ssh](), [test](), [testing](), [vagrant-homestead](), [want]() ### AI overview A tutorial showing how to use Homestead's share command and Ngrok to expose a local development environment for colleagues or clients, and to test and debug local sites on mobile devices such as an iPhone. ### Source excerpt Homestead is a fantastic local dev environment, but what about when you want to test on mobile or share your local dev environment? Here's how ## Craft 3 Beta Executive Summary DevFeed: [Craft 3 Beta Executive Summary]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-02-09T22:00:00Z Content type: opinion Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Content Management System](), [Composer](), [Localization (l10n)]() Tags: [beta](), [cms](), [craft](), [executive](), [here-s](), [iteration](), [major](), [platform](), [releases](), [reviews](), [summary]() ### AI overview An executive summary of the first public beta of Craft 3, covering its Composer-based installation and updates, Yii2 foundation, performance and memory improvements, multi-site and localization capabilities, image focal points, and guidance on adopting the beta. ### Source excerpt Here's an executive summary of Craft 3 beta, a major new iteration of the Craft CMS platform ## LoadJS as a Lightweight JavaScript Loader DevFeed: [LoadJS as a Lightweight JavaScript Loader]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2017-01-24T17:00:00Z Content type: tutorial Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [JavaScript](), [Web Development]() Tags: [dependency](), [here-s](), [how-to](), [insights](), [instead](), [javascript](), [lightweight](), [loader](), [loadjs](), [manager](), [script](), [using]() ### AI overview This tutorial explains how to use LoadJS as a lightweight JavaScript loader and dependency manager instead of script tags. It describes a website change from loading JavaScript through SystemJS to using LoadJS. ### Source excerpt Here's how to use LoadJS as a lightweight JavaScript loader & dependency manager instead of using