Blog Sections
Modern MDC blog sections designed for developer updates, tutorials and product announcements.
Blog sections surface recent tutorials, product updates, and insights using structured cards with metadata, excerpts, and clear entry points. These layouts help developers quickly scan new content and navigate deeper into technical articles.
Blog with three columns
Jan 16, 2025 • 5 min read
Getting Started with API Authentication
A step-by-step guide to implementing secure authentication in your first integration, including tips for token management and avoiding common pitfalls.
Feb 12, 2025 • 8 min read
Scaling Your API Calls Without Hitting Rate Limits
Learn how to design integrations that scale. We cover pagination, retries, and performance optimizations to help you stay under rate limits while keeping apps responsive.
Mar 14, 2025 • 5 min read
Best Practices for API Error Handling
Error codes don’t have to be confusing. Discover strategies for handling failures gracefully and improving the developer experience for your users.
Resources and Insights
Learn how to grow your business with our expert advice.
::page-hero
---
text-align: "center"
title-font-size: "clamp(34px, 3.4vw, 48px)"
title-line-height: "clamp(36px, 3.4vw, 52px)"
description-font-size: "clamp(var(--kui-font-size-30, 14px), 1.8vw, var(--kui-font-size-70, 24px))"
description-font-weight: "400"
description-line-height: "clamp(var(--kui-line-height-30, 20px), 1.8vw, var(--kui-line-height-70, 36px))"
image:
position: "bottom"
---
#title
Resources and Insights
#description
Learn how to grow your business with our expert advice.
#actions
:::button
---
size: "large"
---
View all posts
:::
#image
:::multi-column
---
columns-breakpoints:
mobile: 1
phablet: 1
tablet: 2
laptop: 3
desktop: 3
styles: |
.portal-card-image {
height: 264px;
border-radius: 8px !important;
}
.portal-card-tagline {
font-size: 16px;
font-weight: 600;
color: #0044F4;
}
.portal-card-content {
gap: 12px;
}
---
::::card
---
image: "./images/examples/sections/hero-image-background.png"
border: "none"
padding: "32px 0 0"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Jan 16, 2025 • 5 min read
#title
Getting Started with API Authentication
#default
A step-by-step guide to implementing secure authentication in your first integration, including tips for token management and avoiding common pitfalls.
::::
::::card
---
image: "./images/examples/sections/feature-split-image.png"
border: "none"
padding: "32px 0 0"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Feb 12, 2025 • 8 min read
#title
Scaling Your API Calls Without Hitting Rate Limits
#default
Learn how to design integrations that scale. We cover pagination, retries, and performance optimizations to help you stay under rate limits while keeping apps responsive.
::::
::::card
---
image: "./images/examples/sections/hero-small-image.png"
border: "none"
padding: "32px 0 0"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Mar 14, 2025 • 5 min read
#title
Best Practices for API Error Handling
#default
Error codes don’t have to be confusing. Discover strategies for handling failures gracefully and improving the developer experience for your users.
::::
:::
::
Blog with two columns
Feb 12, 2025 • 8 min read
Getting Started with API Authentication
A step-by-step guide to implementing secure authentication in your first integration.
Mar 14, 2025 • 5 min read
Scaling Your API Calls Without Hitting Rate Limits
Learn how to design integrations that scale.
Feb 12, 2025 • 8 min read
Best Practices for API Error Handling
Discover strategies for handling failures gracefully and improving the developer experience for your users.
Mar 14, 2025 • 5 min read
Designing Intuitive Developer Portals
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
Resources and Insights
Learn how to grow your business with our expert advice.
::page-hero
---
padding: "30px"
background-color: "#F9FAFB"
text-align: "center"
title-font-size: "clamp(34px, 3.4vw, 48px)"
title-line-height: "clamp(36px, 3.4vw, 52px)"
description-font-size: "clamp(var(--kui-font-size-30, 14px), 1.8vw, var(--kui-font-size-70, 24px))"
description-font-weight: "400"
description-line-height: "clamp(var(--kui-line-height-30, 20px), 1.8vw, var(--kui-line-height-70, 36px))"
image:
position: "bottom"
---
#title
Resources and Insights
#description
Learn how to grow your business with our expert advice.
#actions
:::button
---
size: "large"
---
View all posts
:::
#image
:::multi-column
---
columns-breakpoints:
mobile: 1
phablet: 1
tablet: 2
laptop: 2
desktop: 2
gap: "32px"
styles: |
.portal-card-image {
height: 264px;
border-radius: 8px !important;
}
.portal-card-tagline {
font-size: 16px;
font-weight: 600;
color: #0044F4;
}
---
::::card
---
image: "./images/examples/sections/hero-small-image.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Feb 12, 2025 • 8 min read
#title
Getting Started with API Authentication
#default
A step-by-step guide to implementing secure authentication in your first integration.
::::
::::card
---
image: "./images/examples/sections/scaling.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Mar 14, 2025 • 5 min read
#title
Scaling Your API Calls Without Hitting Rate Limits
#default
Learn how to design integrations that scale.
::::
::::card
---
image: "./images/examples/sections/best-practices.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Feb 12, 2025 • 8 min read
#title
Best Practices for API Error Handling
#default
Discover strategies for handling failures gracefully and improving the developer experience for your users.
::::
::::card
---
image: "./images/examples/sections/hero-multiple-image-two.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Mar 14, 2025 • 5 min read
#title
Designing Intuitive Developer Portals
#default
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
::::
:::
::
Blog with split column
Jan 16, 2025 • 5 min read
Scaling Your API Calls Without Hitting Rate Limits
A step-by-step guide to implementing secure authentication in your first integration.
Feb 12, 2025 • 8 min read
Designing Intuitive Developer Portals
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
Resources and Insights
Learn how to grow your business with our expert advice.
::page-hero
---
padding: "0"
title-font-size: "clamp(34px, 3.4vw, 48px)"
title-line-height: "clamp(36px, 3.4vw, 52px)"
description-font-size: "clamp(var(--kui-font-size-30, 14px), 1.8vw, var(--kui-font-size-70, 24px))"
description-font-weight: "400"
description-line-height: "clamp(var(--kui-line-height-30, 20px), 1.8vw, var(--kui-line-height-70, 36px))"
vertical-align: "top"
text-max-width: "437px"
image:
position: "right"
max-width: "100%"
styles: |
.portal-card-image {
height: 264px;
border-radius: 8px !important;
}
.portal-card-tagline {
font-size: 16px;
font-weight: 600;
color: #0044F4;
}
.page-hero-description {
margin: 24px 0 4px;
}
---
#title
Resources and Insights
#description
Learn how to grow your business with our expert advice.
#actions
:::button
---
size: "large"
---
View all posts
:::
#image
:::container
---
display: "flex"
flex-direction: "column"
gap: "48px"
---
::::card
---
image: "./images/examples/sections/scaling.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Jan 16, 2025 • 5 min read
#title
Scaling Your API Calls Without Hitting Rate Limits
#default
A step-by-step guide to implementing secure authentication in your first integration.
#footer
:::badge
TopicName
:::
:::badge
APIs
:::
:::badge
Tools
:::
:::badge
Product
:::
::::
::::card
---
image: "./images/examples/sections/feature-split-image.png"
image-position: "left"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
---
#tagline
Feb 12, 2025 • 8 min read
#title
Designing Intuitive Developer Portals
#default
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
#footer
:::badge
TopicName
:::
:::badge
APIs
:::
:::badge
Tools
:::
:::badge
Product
:::
::::
:::
::
Blog with split two columns
Jan 16, 2025 • 5 min read
Scaling Your API Calls Without Hitting Rate Limits
A step-by-step guide to implementing secure authentication in your first integration.
Feb 12, 2025 • 8 min read
Designing Intuitive Developer Portals
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
Resources and Insights
Learn how to grow your business with our expert advice.
::page-hero
---
padding: "0"
title-font-size: "clamp(34px, 3.4vw, 48px)"
title-line-height: "clamp(36px, 3.4vw, 52px)"
description-font-size: "clamp(var(--kui-font-size-30, 14px), 1.8vw, var(--kui-font-size-70, 24px))"
description-font-weight: "400"
description-line-height: "clamp(var(--kui-line-height-30, 20px), 1.8vw, var(--kui-line-height-70, 36px))"
vertical-align: "top"
text-max-width: "437px"
image:
position: "right"
max-width: "100%"
styles: |
.portal-card-image {
height: 264px;
border-radius: 8px !important;
}
.portal-card-tagline {
font-size: 16px;
font-weight: 600;
color: #0044F4;
}
.page-hero-description {
margin: 24px 0 4px;
}
---
#title
Resources and Insights
#description
Learn how to grow your business with our expert advice.
#actions
:::button
---
size: "large"
---
View all posts
:::
#image
::::card
---
image: "./images/examples/sections/scaling.png"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
padding: "32px 0 0"
---
#tagline
Jan 16, 2025 • 5 min read
#title
Scaling Your API Calls Without Hitting Rate Limits
#default
A step-by-step guide to implementing secure authentication in your first integration.
::::
::::card
---
image: "./images/examples/sections/feature-split-image.png"
border: "none"
background: "transparent"
padding: "10px 0 10px 32px"
title-font-size: "22px"
title-color: "#232633"
color: "#3A3F51"
padding: "32px 0 0"
---
#tagline
Feb 12, 2025 • 8 min read
#title
Designing Intuitive Developer Portals
#default
Create a seamless onboarding experience for developers by optimizing layout, navigation, and content structure.
::::
::