Stefan Kudla
stefankudla
I'm a software developer with a passion for designing and developing jamstack web apps.
Washington D.C. Area
Simple Astro Blog
Fast Lighthouse scores Zero JavaScript loaded to the client- Ready to use, just update the environment variables and start creating.
app
Building React Components from headless CMS markdown
Using React Markdown, we’re going to create Custom React Components (in a Next.js application) using parsed markdown retrieved from a headless CMS.
article
Search and filter products using React Hooks and a headless CMS
Searching and filtering products is a common feature for websites and apps, especially e-commerce. In this article, we will discuss how to build a search and filter feature using React. The product data will be queried from a headless CMS (Cosmic) with the UI updated instantly.
article
How to use Next.js Image with a headless CMS
In this article we will explain how using Next.js Image with a headless CMS can automate optimizations for your website images across all devices and network speeds.
article
Simple React Blog
This blog is built using React and Next.js. It connects to the Cosmic API via the Cosmic NPM module or the Cosmic GraphQL API. Install and manage your blog content from your Cosmic Bucket Dashboard.
app
Creating a Developer Portfolio with Next.js and Cosmic
Let's build a beautiful Developer Portfolio with Next.js that uses Cosmic to showcase your projects and blog posts.
article
Developer Portfolio
Showcase your projects and write blog posts with this Cosmic powered developer portfolio template.
app
Simple Astro Blog
Fast Lighthouse scores Zero JavaScript loaded to the client- Ready to use, just update the environment variables and start creating.
app
This user doesn't have any Extensions yet.
Add a headless CMS to Astro in 3 easy steps
In this guide, we’re going to create our content with Cosmic and retrieve it in our Astro project, allowing for quick and easy content creation and collaboration. The end result will be a clean and composable website that aces the lighthouse scores all across the board.
article
Building React Components from headless CMS markdown
Using React Markdown, we’re going to create Custom React Components (in a Next.js application) using parsed markdown retrieved from a headless CMS.
article
How to use Next.js Preview Mode with the Cosmic headless CMS
Let’s explore how we can use Next.js Preview Mode with a headless CMS to preview draft content for ourselves and collaborators
article
How to use Next.js Image with a headless CMS
In this article we will explain how using Next.js Image with a headless CMS can automate optimizations for your website images across all devices and network speeds.
article
Creating a Developer Portfolio with Next.js and Cosmic
Let's build a beautiful Developer Portfolio with Next.js that uses Cosmic to showcase your projects and blog posts.
article