JavaScript
Handling routes in JavaScript projects
JavaScript frameworks that use file-based routing require an extra layer of care to help you keep your sanity when developing.
Abstract hard-coded values in your code
When JS frameworks don’t bring low-level structure recommendations on constants, configuration, and content, you’ll benefit from establishing your own conventions.
Every JavaScript site framework can be a full-stack framework
Debunking the idea of a “full-stack” framework from today’s offering by exploring how the role of a framework translates to an application running on a production platform.
Generating Workable TypeScript Types from Contentful Content
Automatically generate TypeScript type definitions from a Contentful schema, and then override for front-end adjustments.
Transform Notion API Data into Component-Ready JSON
Take raw JSON output from the Notion API and transform it into properties that can be used by your website’s pages and components.
Write Notion Page and Block Data to JSON File with Node.js Script
Write a Node.js script that connects to a Notion database and writes its page and block content to a local JSON file.
Post Messages to Slack with Node.js
Build a simple Slack app that sends one-way messages to a channel using a Node script.
Overriding Next.js Link and Image Components
Next.js ships with these two incredibly useful utility components. You can further abstract these to clean up your code.
Use a Class Map to Set Dynamic Styles
Components often need to use styling based on property combinations. There are a number of ways to solve this, but only one I’ve found to be the cleanest.
Using Node.js to Check for Broken Links
A tutorial that walks through the process of writing a Node.js script to recursively test for broken links on a website.