How to Model SEO Content for Websites
Give flexibility and control to web content editors by building smart content models for SEO meta tags.
Recent Posts
The freshest written thoughts, tips, and tutorials from the site.
Popular Web Animation Techniques in 2022
Web animation is a great way to grab attention. Check out the web animation trends in 2022.
Light/Dark Mode Favicon for React Sites
Toggle between two favicon images based on the user’s current theme (color scheme).
Prerender if You Can Prerender
As edge computing advances, we have more power and more options on how pages are delivered. And yet, I continue to use this principal to begin the decision-making process.
Run JavaScript Script Before Another Script
Automatically run scripts with NPM/Yarn before or after another script.
JavaScript
The latest from one of the site's most popular subjects.
Extract Twitter Handle from URL with JavaScript
Code snippet that extracts a Twitter user handle from a valid Twitter URL using JavaScript.
Convert Markdown Image to HTML in VS Code
Make a bulk conversion of markdown images to HTML strings using a regex find and replace with VS Code.
Extract GitHub Repo Name from URL using JavaScript
Quick JavaScript/Node snippet that can pul a GitHub repo path from a full GitHub URL.
Generate Meta Images for Blog Posts with Node.js
Manually creating images for blog posts can be super time-consuming. Here's the foundation necessary for automatically generating meta images for content in markdown files.
Videos
The latest from one of the site's most popular subjects.
Guest Posts
Content contributed to this blog by community members.
Avoid these 6 Common Mistakes when Building a Website
A list of six crucial factors to a strong, modern website to improve the content, performance, visibility, and aesthetics of your website.
Complete Guide to Getting Started with CSS
A handful of tips and tricks on getting started with CSS to make your website visually interesting.
8 Best Animation Tools for Beginners in 2021
Animation software is useful not only for professional designers but also for ordinary users. It is impossible to doubt their relevance. Only one question remains open – which application to choose?
100 Free CSS Resources
There are countless ways to learn CSS. Here are 100 resources in various categories to get you started.
Become a Contributor
Improve your development and writing skills by contributing content to the site.
Jamstack
Fresh off the Jamstack shelf.
Run CI During Site Build Process: To Do or Not To Do
Four considerations when deciding to run continuous integrations with production builds or as a separate workflow.
The Missing Piece of the Jamstack
At Stackbit, we're working to fill in this missing piece in the Jamstack. We believe we can build a healthy contract between developers and content creators.
What Made the Essence of Jamstack Possible
The Jamstack may have been born out of pain, but it couldn't have existed without the convergence of a few key factors.
The Jamstack Journey: A Guide on Transforming an Idea into a Website
It takes a lot to bring an idea to life on the web, even for the simplest of sites. Follow this guide for a detailed look at moving from concept to a website deployed to your domain.
Reposts
Content contributed to other publications and reposted here.
Development Planning: Breaking Down a Design into Components
You've been handed a design and tasked with writing the code that will bring that design to life. Where do you start?
Six Traits of a Website Ready to Achieve its Goals
A "good website" is one that achieves its goals. Read these six traits of a website that stays focused on those goals.
Using a Headless CMS as a Multi-Channel Content Source
One of the biggest benefits of a headless CMS is that they can serve multiple front ends.
The Next Evolution of Stackbit
This next version of Stackbit is going to be incredible! And we're offering sneak peeks through our Early Access Program.