# headless

Published articles for headless.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Using a Portable Monitor for Home-Lab Debugging and Streaming

DevFeed: [Using a Portable Monitor for Home-Lab Debugging and Streaming](<https://devfeed.tech/articles/you-might-need-a-portable-monitor-26649.md>)

Original publisher: [Read original article](<https://blog.alexellis.io/you-might-need-a-portable-monitor/>)

Author: Alex Ellis

Published: 2024-06-12T13:47:26Z

Content type: opinion

Language: en

Sources: [Alex Ellis' Blog](<https://devfeed.tech/sources/alex-ellis-blog.md>)

Topics: [Homelab](<https://devfeed.tech/topics/homelab.md>), [monitor](<https://devfeed.tech/topics/monitor.md>), [Raspberry Pi](<https://devfeed.tech/topics/raspberry-pi.md>), [Jenkins](<https://devfeed.tech/topics/jenkins.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>), [ci](<https://devfeed.tech/topics/ci.md>)

Tags: [ci](<https://devfeed.tech/tags/ci.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [headless](<https://devfeed.tech/tags/headless.md>), [home-lab](<https://devfeed.tech/tags/home-lab.md>), [jenkins](<https://devfeed.tech/tags/jenkins.md>), [portable](<https://devfeed.tech/tags/portable.md>), [raspberry-pi](<https://devfeed.tech/tags/raspberry-pi.md>), [video](<https://devfeed.tech/tags/video.md>)

### AI overview

The article explains why the author prefers a portable monitor for debugging headless home-lab computers, setting up Raspberry Pis, monitoring Jenkins CI pipelines, and managing streaming or product-demo software.

### Source excerpt

I cover why as a one monitor kind of guy, I found a portable monitor essential - both for streaming and for debugging the home lab.

## Using Craft CMS as a Headless CMS with the GraphQL API

DevFeed: [Using Craft CMS as a Headless CMS with the GraphQL API](<https://devfeed.tech/articles/using-the-craft-cms-headless-with-the-graphql-api-31317.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-the-craft-cms-graphql-api-on-the-frontend>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2020-01-20T05:00:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Content Management System](<https://devfeed.tech/topics/cms.md>), [GraphQL](<https://devfeed.tech/topics/graphql.md>), [API](<https://devfeed.tech/topics/api.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Self-hosted](<https://devfeed.tech/topics/self-hosted.md>)

Tags: [added](<https://devfeed.tech/tags/added.md>), [api](<https://devfeed.tech/tags/api.md>), [authoring](<https://devfeed.tech/tags/authoring.md>), [cms](<https://devfeed.tech/tags/cms.md>), [craft](<https://devfeed.tech/tags/craft.md>), [formalized](<https://devfeed.tech/tags/formalized.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [gives](<https://devfeed.tech/tags/gives.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [insights](<https://devfeed.tech/tags/insights.md>), [layer](<https://devfeed.tech/tags/layer.md>), [practical](<https://devfeed.tech/tags/practical.md>), [structured](<https://devfeed.tech/tags/structured.md>), [website](<https://devfeed.tech/tags/website.md>)

### 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](<https://devfeed.tech/articles/headless-preview-in-craft-cms-31270.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/headless-preview-in-craft-cms>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2019-08-13T02:40:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [Content Management System](<https://devfeed.tech/topics/cms.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [API](<https://devfeed.tech/topics/api.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [Database](<https://devfeed.tech/topics/database.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cms](<https://devfeed.tech/tags/cms.md>), [content](<https://devfeed.tech/tags/content.md>), [craft](<https://devfeed.tech/tags/craft.md>), [database](<https://devfeed.tech/tags/database.md>), [draft](<https://devfeed.tech/tags/draft.md>), [editor](<https://devfeed.tech/tags/editor.md>), [exploration](<https://devfeed.tech/tags/exploration.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [headless](<https://devfeed.tech/tags/headless.md>), [here-s](<https://devfeed.tech/tags/here-s.md>), [implement](<https://devfeed.tech/tags/implement.md>), [insights](<https://devfeed.tech/tags/insights.md>), [introduced](<https://devfeed.tech/tags/introduced.md>), [preview](<https://devfeed.tech/tags/preview.md>), [react](<https://devfeed.tech/tags/react.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vue](<https://devfeed.tech/tags/vue.md>), [works](<https://devfeed.tech/tags/works.md>)

### 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

## Building a Home Server

DevFeed: [Building a Home Server](<https://devfeed.tech/articles/building-a-home-server-41479.md>)

Original publisher: [Read original article](<https://chollinger.com/blog/2019/04/building-a-home-server/>)

Author: Christian Hollinger

Published: 2019-04-11T00:00:00Z

Content type: article

Language: en

Sources: [Christian Hollinger](<https://devfeed.tech/sources/christian-hollinger.md>)

Topics: [Homelab](<https://devfeed.tech/topics/homelab.md>), [backups](<https://devfeed.tech/topics/backups.md>), [Computing](<https://devfeed.tech/topics/computing.md>), [Hardware](<https://devfeed.tech/topics/hardware.md>), [Pi-hole](<https://devfeed.tech/topics/pihole.md>), [Monitoring](<https://devfeed.tech/topics/monitoring.md>), [Internet](<https://devfeed.tech/topics/internet.md>), [cpu](<https://devfeed.tech/topics/cpu.md>), [Virtual Private Network](<https://devfeed.tech/topics/vpn.md>), [Amazon S3](<https://devfeed.tech/topics/amazon-s3.md>), [DDR4](<https://devfeed.tech/topics/ddr4.md>), [Git](<https://devfeed.tech/topics/git.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [aws-s3](<https://devfeed.tech/tags/aws-s3.md>), [backups](<https://devfeed.tech/tags/backups.md>), [bash](<https://devfeed.tech/tags/bash.md>), [big-data](<https://devfeed.tech/tags/big-data.md>), [centos](<https://devfeed.tech/tags/centos.md>), [computing](<https://devfeed.tech/tags/computing.md>), [debian](<https://devfeed.tech/tags/debian.md>), [encryption](<https://devfeed.tech/tags/encryption.md>), [git](<https://devfeed.tech/tags/git.md>), [hardware](<https://devfeed.tech/tags/hardware.md>), [headless](<https://devfeed.tech/tags/headless.md>), [home-server](<https://devfeed.tech/tags/home-server.md>), [linux](<https://devfeed.tech/tags/linux.md>), [luks](<https://devfeed.tech/tags/luks.md>), [nas](<https://devfeed.tech/tags/nas.md>), [networking](<https://devfeed.tech/tags/networking.md>), [privacy](<https://devfeed.tech/tags/privacy.md>), [security](<https://devfeed.tech/tags/security.md>), [server](<https://devfeed.tech/tags/server.md>), [smb](<https://devfeed.tech/tags/smb.md>), [storage](<https://devfeed.tech/tags/storage.md>), [sysadmin](<https://devfeed.tech/tags/sysadmin.md>), [windows](<https://devfeed.tech/tags/windows.md>)

### AI overview

A practical account of building a home server or NAS for local storage, SMB drives, backups, processing, Git repositories, CD rips, and other headless computing. It discusses privacy, cloud-storage limitations, local services, and the hardware used.

### Source excerpt

In this article, I'll document my process of building a home server - or NAS - for local storage, smb drives, backups, processing, git, CD-rips, and other headless computing...

## Using VueJS + GraphQL to make Practical Magic

DevFeed: [Using VueJS + GraphQL to make Practical Magic](<https://devfeed.tech/articles/using-vuejs-graphql-to-make-practical-magic-31320.md>)

Original publisher: [Read original article](<https://nystudio107.com/blog/using-vuejs-graphql-to-make-practical-magic>)

Author: andrew@nystudio107.com (Andrew Welch)

Published: 2018-08-27T22:29:00Z

Content type: tutorial

Language: en

Sources: [nystudio107 | Articles on modern web development.](<https://devfeed.tech/sources/nystudio107-articles-on-modern-web-development.md>)

Topics: [GraphQL](<https://devfeed.tech/topics/graphql.md>), [vuejs](<https://devfeed.tech/topics/vuejs.md>), [Content Management System](<https://devfeed.tech/topics/cms.md>), [Front end](<https://devfeed.tech/topics/frontend.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [axios](<https://devfeed.tech/topics/axios.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>), [Jamstack](<https://devfeed.tech/topics/jamstack.md>)

Tags: [auto-complete](<https://devfeed.tech/tags/auto-complete.md>), [axios](<https://devfeed.tech/tags/axios.md>), [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [craft](<https://devfeed.tech/tags/craft.md>), [everyday](<https://devfeed.tech/tags/everyday.md>), [form](<https://devfeed.tech/tags/form.md>), [graphql](<https://devfeed.tech/tags/graphql.md>), [headless](<https://devfeed.tech/tags/headless.md>), [insights](<https://devfeed.tech/tags/insights.md>), [jamstack](<https://devfeed.tech/tags/jamstack.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [like](<https://devfeed.tech/tags/like.md>), [magic](<https://devfeed.tech/tags/magic.md>), [practical](<https://devfeed.tech/tags/practical.md>), [problems](<https://devfeed.tech/tags/problems.md>), [saving](<https://devfeed.tech/tags/saving.md>), [searching](<https://devfeed.tech/tags/searching.md>), [solve](<https://devfeed.tech/tags/solve.md>), [submission](<https://devfeed.tech/tags/submission.md>), [using](<https://devfeed.tech/tags/using.md>), [vuejs](<https://devfeed.tech/tags/vuejs.md>)

### AI overview

A practical tutorial showing how to use VueJS and GraphQL with a headless Craft CMS backend to implement auto-complete search and save contact-form submissions. It introduces the frontend and backend tooling used in the examples, including Axios, Bootstrap 4, Craft CMS, and CraftQL.

### Source excerpt

Make some practical magic with VueJS + GraphQL to solve everyday problems like auto-complete searching and form submission saving with a headless Craft CMS server

## Detecting Phantomjs Based Visitors

DevFeed: [Detecting Phantomjs Based Visitors](<https://devfeed.tech/articles/detecting-phantomjs-based-visitors-42010.md>)

Original publisher: [Read original article](<http://engineering.shapesecurity.com/2015/01/detecting-phantomjs-based-visitors.html>)

Author: F5

Published: 2015-01-22T08:00:00Z

Content type: tutorial

Language: en

Sources: [Shape Security](<https://devfeed.tech/sources/shape-security.md>)

Topics: [Headless Browser](<https://devfeed.tech/topics/headless-browser.md>), [Security](<https://devfeed.tech/topics/security.md>), [Web Scraping](<https://devfeed.tech/topics/web-scraping.md>), [HTTP](<https://devfeed.tech/topics/http.md>), [Qt](<https://devfeed.tech/topics/qt.md>)

Tags: [attacks](<https://devfeed.tech/tags/attacks.md>), [automated](<https://devfeed.tech/tags/automated.md>), [browser](<https://devfeed.tech/tags/browser.md>), [browsers](<https://devfeed.tech/tags/browsers.md>), [headless](<https://devfeed.tech/tags/headless.md>), [http](<https://devfeed.tech/tags/http.md>), [proxy](<https://devfeed.tech/tags/proxy.md>), [scraping](<https://devfeed.tech/tags/scraping.md>), [security](<https://devfeed.tech/tags/security.md>)

### AI overview

The article presents techniques for detecting PhantomJS-based visitors, including HTTP header differences and client-side checks. It also explains why proxies and modified user-agent values can make these signals unreliable.

### Source excerpt

We demonstrate techniques for identifying visits by PhantomJS to help prevent automated attacks.