Build Time: Recent Episodes
Cosmic
A show about using modern tools to build great products. Brought to you by the Cosmic education team, episodes include discussions about leveraging cloud software to build websites and apps, content management systems, modern developer frameworks, new technology, and more.
In this episode, we cover the best practices using React Server Components with a headless CMS.Read the accompanying article Best Practices using React Server Components with a Headless CMSCreate a free Cosmic account.Subscribe to Build Time on SpotifySubscribe to Build Time on Apple PodcastsLearn how to use Cosmic to power content for your websites and apps.Learn about Cosmic as your Next.js CMS.Learn about headless CMS.
In this episode, we cover the Next.js 13 Metadata API and how you can use Cosmic to handle website metadata and SEO optimization for your website.
Next.js Metadata API Reference Cosmic v1 deprecation announcement Migrating from Cosmic v1 to v2 Install the developer portfolio template Create a free Cosmic account Learn how to upgrade to Next.js App Router Subscribe to Build Time on Spotify Subscribe to Build Time on Apple Podcasts Learn how to use Cosmic Learn about what makes Cosmic a great Next.js CMS Learn about headless CMS
In this episode, we cover some of the details of Next.js App Router, Draft Mode, and how to integrate your content from the Cosmic headless CMS.
Install the developer portfolio template.
Create a free Cosmic account.
Learn how to upgrade to Next.js App Router.
Subscribe to Build Time on Spotify.
Subscribe to Build Time on Apple Podcasts.
Learn how to use Cosmic in the docs.
Learn about what makes Cosmic a great Next.js CMS.
Learn about headless CMS.
In this episode, we cover how to migrate from the Cosmic v1 dashboard into the new Cosmic dashboard.
Follow the upgrade guide in the docs.
Reach out to Cosmic support.
Subscribe to Build Time on Spotify.
Subscribe to Build Time on Apple Podcasts.
Create a free Cosmic account.
Learn how to use Cosmic in the documentation.
Learn about what is a headless CMS.
In this episode, we bring the Cosmic team on the show to discuss Cosmic 2.0, our latest release which includes:
- The new dashboard in general availability
- New website
- New docs site
- New JavaScript SDK
Learn more about the release on the blog post announcement.
Install the Simple Next.js Blog template.
Subscribe to Build Time on Spotify.
Subscribe to Build Time on Apple Podcasts.
Create a free Cosmic account.
Learn how to use Cosmic from the Cosmic documentation.
Learn about headless CMS.
In this episode, Stefan Kudla and Tony Spiro update a Cosmic-powered Next.js website from version 12 to version 13.
Learn more about Next.js 13: https://nextjs.org/blog/next-13
Install the Next.js Developer Portfolio: https://www.cosmicjs.com/apps/developer-portfolio
Check out the Next.js Developer Portfolio source code: https://github.com/cosmicjs/nextjs-developer-portfolio
Subscribe to Build Time on Spotify: https://open.spotify.com/show/2KKUCT7VbhJD6yzwGWZbfr
Subscribe to Build Time on Apple Podcasts: https://podcasts.apple.com/us/podcast/build-time/id1637206506
Install the Cosmic NPM module: https://www.npmjs.com/package/cosmicjs
Create a free Cosmic account: https://www.cosmicjs.com
Join the Cosmic Slack channel: https://www.cosmicjs.com/community
Cosmic docs: https://docs.cosmicjs.com
Learn about headless CMS: https://www.cosmicjs.com/headless-cms
In this episode, Stefan Kudla and Tony Spiro from Cosmic discuss what is an image CDN, why it's important, and how to get started with Cosmic as your free image CDN.
Learn about image CDN https://www.cosmicjs.com/image-cdn
Install the Simple React Blog: https://www.cosmicjs.com/apps/simple-react-blog
Subscribe to Build Time on Spotify: https://open.spotify.com/show/2KKUCT7VbhJD6yzwGWZbfr
Subscribe to Build Time on Apple Podcasts: https://podcasts.apple.com/us/podcast/build-time/id1637206506
Install the Cosmic NPM module: https://www.npmjs.com/package/cosmicjs
Create a free Cosmic account: https://www.cosmicjs.com
Join the Cosmic Slack channel: https://www.cosmicjs.com/community
Cosmic docs: https://docs.cosmicjs.com
Learn about headless CMS: https://www.cosmicjs.com/headless-cms
In this episode, Stefan Kudla and Tony Spiro from Cosmic talk building websites and creating developer content with Sam from Dev World.
Follow Dev World on YouTube: https://www.youtube.com/c/dev-world-info
Subscribe to Build Time on Spotify: https://open.spotify.com/show/2KKUCT7VbhJD6yzwGWZbfr
Subscribe to Build Time on Apple Podcasts: https://podcasts.apple.com/us/podcast/build-time/id1637206506
Install the Cosmic NPM module: https://www.npmjs.com/package/cosmicjs
Create a free Cosmic account: https://www.cosmicjs.com
Join the Cosmic Slack channel: https://www.cosmicjs.com/community
Cosmic docs: https://docs.cosmicjs.com
Learn about headless CMS: https://www.cosmicjs.com/headless-cms
In this episode, Stefan Kudla and Tony Spiro from Cosmic discuss what makes for a great React CMS.
Learn about what makes a great React CMS: https://www.cosmicjs.com/react-cms
Check out Cosmic-powered React templates: https://www.cosmicjs.com/apps?languages=React
Install the Simple React Blog: https://www.cosmicjs.com/apps/simple-react-blog
Subscribe to Build Time on Spotify: https://open.spotify.com/show/2KKUCT7VbhJD6yzwGWZbfr
Subscribe to Build Time on Apple Podcasts: https://podcasts.apple.com/us/podcast/build-time/id1637206506
Install the Cosmic NPM module: https://www.npmjs.com/package/cosmicjs
Create a free Cosmic account: https://www.cosmicjs.com
Join the Cosmic Slack channel: https://www.cosmicjs.com/community
Cosmic docs: https://docs.cosmicjs.com
Learn about headless CMS: https://www.cosmicjs.com/headless-cms
In this episode, Tony Spiro and Stefan Kudla from Cosmic discuss what is a headless CMS.
Learn what is a headless CMS
Join the alpha release of the new Cosmic dashboard
Check out the imgix demo website
Check out the Build Time episode with Tom from imgix
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Join the Cosmic Slack channel
Check out the Cosmic docs
In this episode, Stefan Kudla from Cosmic shows us how to trigger static website rebuilds using Cosmic headless CMS webhooks.
Check out the Simple Astro Blog demo
Download Simple Astro Blog code
Check out Cosmic webhooks in the docs
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic docs
Learn about what is headless CMS
In this episode, Karl Koch from Cosmic joins us to talk about his backstory, design philosophy, and gives a tour of some of the design elements of the new Cosmic headless CMS dashboard.
Check out Karl's work on his website
Check out the new Cosmic dashboard
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Check out the Cosmic docs
Learn about what is a headless CMS
In this episode, Tom Dale from imgix joins us to show us how he built a code demo website using imgix and Cosmic headless CMS.
Check out the imgix demo website
Download the imgix demo website code
Check out the imgix website
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Learn about what is headless CMS
In this episode, we give you an intro to Astro using a blog powered by the Cosmic headless CMS.
Install the Simple Astro Blog template
Download the code
Check out Astro
Check out the Astro blog powered by Cosmic
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Cosmic as your Astro CMS
Learn about what is headless CMS
In this episode, we discuss how to add user-generated content to the Cosmic headless CMS.
Follow the documentation example of how to add an Object to your Cosmic Bucket
Follow the documentation example of how to upload media to your Cosmic Bucket
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Cosmic as your React CMS
Learn about what is headless CMS
In this episode, we discuss how to build React components from headless CMS markdown.
Building React components from headless CMS markdown
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Cosmic as your React CMS
Learn about what is headless CMS
In this episode, we discuss how to fetch data from a headless CMS using React 18 Suspense.
Using React 18 Suspense to fetch data from a headless CMS
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Cosmic as your React CMS
Learn about what is headless CMS
In this episode, we discuss how to use Next.js Preview Mode with a headless CMS to preview draft content for ourselves and collaborators.
How to use Next.js Preview Mode with the Cosmic headless CMS
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Cosmic as your React CMS
Cosmic as your Next.js CMS
In this episode, we discuss how to build a search and filter feature for products using React. The product data will be queried from a headless CMS (Cosmic) with the UI updated instantly. Bonus: we will talk about how state management is handled using Hooks and API usage optimization with the debounce technique.
Show links:
Search and filter products using React Hooks and a headless CMS
Subscribe to Build Time on Spotify
Subscribe to Build Time on Apple Podcasts
Install the Cosmic NPM module
Create a free Cosmic account
Cosmic Docs
Basic Query Examples
Advanced Query Examples
Cosmic Queries
Use Cosmic as your React CMS
In this episode 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 leading to faster website performance and a better experience for your website visitors.
Show linksHow to use Next.js Image with a headless CMS
Create a free Cosmic account
Next.js Image docs
imgix docs