UX Methods

screenshot of UX Methods
astro
eleventy
sanity

A lightweight Jamstack knowledge graph application

Overview

UX Methods is a content-first Jamstack website built with Sanity and Gatsby, aiming to document and interconnect the practices and techniques of user experience design. It also explores the possibilities of "boutique" knowledge graphs. The repository consists of three main parts: content management, web application, and continuous integration.

Features

  • Content Management: UX Methods is built as a content-first resource, prioritizing user and organization needs over web page requirements. It utilizes the Sanity headless CMS to structure, produce, and distribute content.
  • Progressive Web App: The website is published as a progressive web app using Gatsby, a React-based static site generator. This allows for content findability, interoperability, and reuse. The content is also published as Linked Data (JSON-LD) alongside HTML pages.
  • Knowledge Graph Integration and Continuous Integration Workflows: GitHub Actions workflows automate the building and publishing of updates to the UX Methods PWA whenever content is added or updated. Additionally, a custom RDF-Transform GitHub Action and workflow transform content data from the Sanity headless CMS into RDF triples. These triples are then uploaded to the UX Methods dataset on Data.world, which is queried during the PWA build workflow for content recommendations and prioritization.

Summary

UX Methods is a content-focused Jamstack website that utilizes Sanity and Gatsby to provide a comprehensive resource on user experience design. It emphasizes a content-first approach and utilizes progressive web app technology to ensure content findability and interoperability. The integration of a custom knowledge graph and continuous integration workflows enhances the user experience by providing relevant content recommendations and prioritization.

astro
Astro

Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.

eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.

sanity
Sanity

Sanity is a fully customizable, API-first, and cloud-based headless content management system that enables developers to manage structured content across multiple channels and platforms.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.