@stefankudla

Add a headless CMS to Astro in 3 easy steps

Sep 20, 2022 · 7 min read · Astro is a lightweight web framework capable of shipping highly performant websites with minimal (or non-existent) JavaScript bundles. In this guide, we’re going to create our content with Cosmic and retrieve it in our Astro project, allowing for qui...

Building React Components from headless CMS markdown

Aug 24, 2022 · 6 min read · Markdown has become a staple in my workflow as a developer and content creator. It’s quick to write, flexible with its features, and has easy-to-remember syntax. Using React Markdown, we’re going to create Custom React Components (in a Next.js applic...

How to use Next.js Preview Mode with the Cosmic headless CMS

Aug 11, 2022 · 5 min read · Static web page generation is practical when fetching data from a headless CMS. However, when adding new content to our CMS after our site is built, we will want a way to preview draft content that is not yet ready to be published. Using Next.js Prev...

How to use Next.js Image with a headless CMS

Aug 2, 2022 · 6 min read · The Next Image component is one of the most useful and utilized features of Next.js. This component’s performance, ease of use, and flexibility contributes to the amazing developer experience that Next.js offers. In this article we will explain how u...

Creating a Developer Portfolio with Next.js and Cosmic

Jul 19, 2022 · 16 min read · As a developer, one of the most valuable things you can do is create your presence on the internet. Your portfolio is a great place to showcase your proudest projects to the community or potential employers. Today, we’re going to build a beautiful de...