#18 - Next.js App Router and Draft Mode

Watch the recording of the live demonstration featuring Tony Spiro (Cosmic CEO), Jeff Hovinga (Cosmic Account Executive), and Chris Pennington (DX Engineer at Resend) as they showcase how to build production-ready contact pages with email functionality using natural language.What You'll See: 💬 Natural Language Development - Watch as features are described in plain English and the Cosmic AI generates production-ready code instantly📧 Seamless Resend Integration - See how Cosmic AI builds a complete contact form and connects it with Resend's powerful email API for reliable, instant email delivery⚡ Instant Deployment - From natural language prompt to live, fully-functional contact page in minutes—no complex configuration requiredFeatured in this session: 🚀 Tony Spiro - Cosmic CEO ✨ Jeff Hovinga - Cosmic Account Executive📬 Chris Pennington - DX Engineer at ResendPerfect for:Developers looking to accelerate their workflowTeams wanting to implement reliable email functionality quicklyAnyone curious about AI-powered development tools🔗 Learn more about Cosmic: https://www.cosmicjs.com🔗 Learn more about Resend: https://resend.com

Join the CEO of Cosmic, Tony Spiro as he demos the new capabilities of the Cosmic AI Platform. Signup for Free Cosmic account:https://app.cosmicjs.com/signupDemo features include:🎨 AI Content Studio — Create compelling content with intelligent assistance⚡ Application Development & Deployment — Build and launch apps using natural language commands🤝 Advanced Collaboration Workflows — Seamlessly integrated team workflows built directly into the dashboardLearn more:https://www.cosmicjs.com/blog/introducing-the-cosmic-ai-platform

Watch as Tony Spiro, CEO of Cosmic shows off the new Cosmic AI Platform capabilities. Go from idea to production application in minutes, using natural language.In this video Tony builds a DoorDash clone and goes over some of the new features available in the Cosmic AI Platform including: text to content model, text to code, and deployment workflows.Learn more about the new Cosmic AI Platform.

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 CMS Create a free Cosmic account. Subscribe to Build Time on Spotify Subscribe to Build Time on Apple Podcasts Learn 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: 1. The new dashboard in general availability 2. New website 3. New docs site 4. 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