Frontend Stories

Born from a growing interest in interface writing, accessibility and design, Frontend Stories is a collection of research-backed findings related to the web. The website itself serves as an experiment for implementing those findings.

This project was fun to do and followed a new approach to styling I hope to finish designing. Many design iterations went into its making and the current version looks minimal and content-centered.

• Notion - After finding an interesting article I can save it inside a gallery and add description
• Github Actions - Every day an action fetches the Notion database and save a snapshot in my repository
• Eleventy - Generates static assets (HTML + CSS + JS + Images) from the snapshot
• Netlify - New updates on the repository triggers a deployment

Using Notion as a headless CMS

It all started as a collection on Notion so it became normal to keep it that way. Here’s how stories are organized inside Notion:

• Title
• Category:
  • Content
  • Accessibility
  • Notifications
  • Navigation
  • Design
  • Multimedia
• Status: Determines if the story is included online.
  • Graveyard
  • Outlined
  • In progress
  • Scheduled
  • Published`
• Description
• Slugs: Defined once because cool URIs don’t change
• References: Collection of sources