Using Notion Callouts to Generate Complex Components
Exploring a theoretical approach to enabling Notion to serve as a CMS for complex websites with interactive components.
Recent Posts
The freshest written thoughts, tips, and tutorials from the site.
Seamless Type Generation Increases Developer Productivity and Confidence
Discover an innovative way to integrate front-end types into back-end generation, simplifying content transformation and improving developer experience.
Evolving with Our Tools: The Continued Evolution of Static Site Generators
Static site generators are still relevant and continue to evolve. You may be able to evolve with them, without needing to jump into a new type of framework.
Handle Content Outside Site Framework
Learn how to process your content separately so you can write the minimal amount of framework code and easily switch to a new framework in the future, with the added benefit of easier maintainability.
Generating Workable TypeScript Types from Contentful Content
Automatically generate TypeScript type definitions from a Contentful schema, and then override for front-end adjustments.
JavaScript
The latest from one of the site's most popular subjects.
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.
Videos
Quick tips and guided tutorials to help you on your coding journey.
Guest Posts
Content contributed to this blog by community members.
Difference Between React and Vue.js
React and Vue are two of the most popular component frameworks used in modern website development. Let's break down the differences between these two everyday tools.
10 Angular Tools to Build Creative Web Apps
To help the developers build robust and high-quality web apps, Angular offers plenty of useful tools.
Popular Web Animation Techniques in 2022
Web animation is a great way to grab attention. Check out the web animation trends in 2022.
Become a Contributor
Improve your development and writing skills by contributing content to the site.
Jamstack
Fresh off the Jamstack shelf.
The Most Compelling Argument for Using an SSG
SSGs were revolutionary when they entered the scene around 2008. But they are still relevant. And they are still great. And for many of the same reasons they were compelling in 2008.
Jamstack Made Getting Started Easier
Jamstack began as an architectural approach for building websites. As a byproduct, it also promoted the simplicity of deploying those sites.
Why are There So. Many. CMSs?
It’s difficult to choose a CMS today because there are so many options. But why are there so many options?
4 Less Common, but Super Powerful (Static) Netlify Uses
Netlify isn’t just for websites. Learn how you can use Netlify to serve your other sites with useful content, creating a single source of truth for your assets and data, as needed.
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 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.