Add notifications to a Node app (app inbox, SMS, and email)
Notifications can be a huge value add to your app users, but if you get them wrong, they're hugely annoying. Learn how to add smart app notifications in this tutorial.
read this postBlog Posts
Tutorials, quick tips, and other helpful resources for learning more about code!
Add SSO to a SaaS app using WorkOS & Okta in under 10 minutes
Many devs (like me!) are intimidated by enterprise features like single sign-on (SSO), but the tools are WAY better now. You can add it to SaaS apps fast!
read this post
Handle webhooks, user auth, database, & file storage with Convex
What does it take to process incoming SMS with auth, image storage, and a real-time database? With Convex, you can add it to your app with < 200 lines of code.
read this post
Use AI to moderate abusive and vulgar comments (full tutorial)
Build an internal dashboard to view and moderate comments in this full tutorial. Plus, learn how to use OpenAI to automatically flag the worst comments.
read this post
Clean as you go
A story about a habit I picked up working in restaurants, and how the lesson I learned still helps me write better software to this day.
read this post
It’s not worth switching tech stacks
We spend a lot of time online getting told our tech stack is wrong/bad/outdated/whatever. Ignore the nerds — it’s (probably) not worth switching.
read this post
How to make $200K+ as a dev
Moving up the career ladder and into higher salary bands as an engineer requires growth. But it’s less about code than you might think.
read this post
What you need to know about getting hired in devrel
Getting into developer relations ("devrel" for short) is tricky for a lot of reasons. The biggest is that no one seems to know what it actually is.
read this post
How I balance tech debt vs. feature development
Treating velocity and maintainability as separate concerns is a mistake. Your shipping velocity is directly correlated to how maintainable your code is.
read this post
Add Feature Flags to a React App (for FREE)
If you want to ship quickly and be confident that customers actually want the new features you’re building, feature flags are a must-have in your dev toolbox.
read this post
How I prep for frontend interviews
The frontend interview process is... wild. Here’s how I’ve navigated tech interviews in my own career.
read this postBuild a directory app with search filters using Remix and Tigris Data
A searchable, filterable directory is a web experience that just about every company needs. Building one yourself is complicated, but there are tools available to make it easier for the rest of us.
read this post
JS vs. No-JS for Websites & How Astro Bridges the Gap
There’s a heated debate over JS vs. no-JS. Astro rejects it as a false choice and says, “Let’s just build great websites!”
read this postAnimations that feel alive using GSAP randomization
Animations can make web apps feel more fun and alive. In this tutorial, learn how to use GSAP, randomization, and the MotionPath plugin to make your animations feel more lively.
read this post
Type-safe, data-driven apps, even if databases freak you out
If you can write a TypeScript type, you can add a database to your app. Databases can be fun! Even if you don’t think you’re a “database dev”, give this tutorial a try.
read this postTypesafe Markdown With Astro Content Collections
Typesafe Markdown might sound like an oxymoron, but with the new content collections released in Astro 2.0, you can now specify a schema for your Markdown frontmatter using Zod and get all the delicious validation and autocomplete that comes with it.
read this postHardware Accelerated Video Encoding on Apple Silicon (M1 Max, etc.) With FFmpeg
If you have an M1, M2, or other Apple Silicon chip in your computer, you can use hardware acceleration to speed up FFmpeg video encoding.
read this postBuild a CSS Theme Switcher With No Flash of the Wrong Theme
Many JavaScript and CSS theme switchers have a momentary flash of the wrong theme. With edge functions, we can make that a thing of the past.
read this postReplace Text & Images Using Edge Functions and HTMLRewriter
Transform HTML at request time using HTMLRewriter and Edge Functions. Update text, element attributes, and more.
read this postUse Promise.all to Stop Async/Await from Blocking Execution in JS
When writing asynchronous code, async/await is a powerful tool — but it comes with risks! Learn how to avoid code slowdowns in this tutorial.
read this postWTF is the Jamstack? A goofy name for a great web architecture.
Are you already using the Jamstack? Boost your understanding of modern web dev and learn what the Jamstack is — and what it’s not — in this overview.
read this postAccess Query String Parameters in Serverless Functions
How do you use query parameter arguments in a serverless function? This quick tutorial will show you how to get values from query string parameters.
read this postDeploy Your First Serverless Function Using JavaScript
With serverless functions, the JavaScript powering our front-ends enables us to add back-end logic. Deploy your first serverless function in this tutorial!
read this postWhat Are Serverless Functions and How Do I Use Them?
Serverless functions enable front-end developers to add powerful "back-end" logic to our apps just by writing JavaScript — no devops, no servers, just results.
read this postAutomatically Generate Social Images for Blog Posts
Make sure your content stands out in social media timelines by automatically generating social media sharing cards for your blog posts.
read this postDesign a Flexible Social Card Template for Sharing Content
Creating eye-catching social sharing images doesn’t have to take a ton of time. In this post, learn how to create a reusable template for sharing your posts.
read this postUpload a Custom Font to Cloudinary Using the Media Library UI
A tutorial on how to upload via UI and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postUpload a Custom Font to Cloudinary Using the Node SDK
A tutorial on how to upload and use custom fonts in text overlays with Cloudinary to generate images with custom text.
read this postAdd Text Overlays to Images Using Cloudinary
In this post, learn how to use Cloudinary to add text overlays to images using URL-based APIs.
read this postData abstraction in Gatsby themes (and React apps in general)
How do we keep the content separate from presentation in React apps? Here’s one approach we’re using in Gatsby themes.
read this postAutomatic WordPress Deployment + Free SSL: Trellis How-To
A step-by-step video tutorial on setting up a local WordPress development environment in minutes using Trellis, plus how to deploy FAST with free SSL.
read this postBundle Stylesheets and Add LiveReload With Rollup
Learn how to use the JavaScript bundler Rollup to process stylesheets using PostCSS and rebuild & reload files when changes are made in this tutorial.
read this postHow to Bundle JavaScript With Rollup — Step-by-Step Tutorial
Learn how to use Rollup as a smaller, more efficient alternative to webpack and Browserify to bundle JavaScript files in this step-by-step tutorial series.
read this postDeploy a Node.js App to DigitalOcean with SSL
This step-by-step tutorial walks through the process of deploying a Node.js app to a DigitalOcean droplet with free SSL from Let’s Encrypt for $5/month.
read this postHow to Convert HTML Form Field Values to a JSON Object
Use built-in browser APIs to get form values as JSON. Zero dependencies and only a few lines of code!
read this postClosed captioning and more are made possible by our sponsors: