Adds a widget to your Cosmic edit Object page connected to Gatsby Preview allowing content creators to preview draft content seamlessly. You can also install this using the <a href="https://www.gatsbyjs.com/get-started" rel="noopener noreferrer" target="_blank">Gatsby Cloud Cosmic Blog starter</a>.

Gatsby Preview

Blocks are React components for building Cosmic powered websites and apps. Choose from landing pages, blogs, image galleries, product pages, and more. With Blocks you can build these features with Cosmic faster than ever. Install the extension and go to the <a rel="noopener noreferrer noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks website</a> to learn more.Install the Blocks extension to directly interact with your Bucket to add and edit Block data.

Blocks

Adds a button to your edit Object pages so you can trigger a deployment for your <a href="https://vercel.com/" rel="noopener noreferrer">Vercel</a> project in a single click from the convenience of your Cosmic dashboard.

Deploy to Vercel

Adds a button to your edit Object pages so you can trigger a deployment for your <a href="https://www.netlify.com/" rel="noopener noreferrer">Netlify</a> site in a single click from the convenience of your Cosmic dashboard.

Deploy to Netlify

Adds a button to your edit Object pages so you can trigger a deployment for your <a rel="noopener noreferrer" href="https://www.cloudflare.com/">Cloudflare</a> site in a single click from the convenience of your Cosmic dashboard.

Deploy to Cloudflare

Adds a button to your edit Object pages so you can trigger a deployment for your <a href="https://render.com/" rel="noopener noreferrer">Render</a> site in a single click from the convenience of your Cosmic dashboard.

Deploy to Render

Adds a button to your edit Object pages so you can trigger a deployment for your <a rel="noopener noreferrer noopener noreferrer" href="https://www.kinsta.com/">Kinsta</a> site in a single click from the convenience of your Cosmic dashboard.

Deploy to Kinsta

Import blog posts into Cosmic from any WordPress RSS feed.

WordPress Importer

Search millions of high-quality, royalty-free stock photos, videos, images, and vectors and add them directly to your Cosmic project. <a rel="nofollow noopener noreferrer noopener noreferrer" id="isPasted" href="https://cosmicmedia.vercel.app/">Try it here</a>.

Cosmic Media

Add the power of <a href="https://www.algolia.com/" rel="noopener noreferrer">Algolia</a> search to your Bucket. This extension enables you to sync your Cosmic Objects with Algolia, making your data searchable.

Algolia Search

Adds a blog to your project including Blog Posts, Categories, and Author Object types. Available for code implementation using <a href="https://blocks.cosmicjs.com/" rel="noopener noreferrer noopener noreferrer">Blocks</a>.

Blog

Adds SEO fields to any Object type to enable you to improve SEO score and performance. Available for implementation using <a href="https://blocks.cosmicjs.com/" rel="noopener noreferrer noopener noreferrer noopener noreferrer">Blocks</a>.

SEO Fields

Adds a commenting feature to your project. Adds a new Comments Object type. Available for implementation using <a rel="noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a>.

Comments

Adds an image gallery to any existing Object type. Available for implementation using <a rel="noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a> (choose from gallery or carousel).

Image Gallery

Adds events to your project. Adds a new Events Object type. Available for implementation using <a rel="noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a>.

Events

Adds landing pages to your project. Adds a new Pages Object type. Available for implementation using <a href="https://blocks.cosmicjs.com/" rel="noopener noreferrer noopener noreferrer">Blocks</a>.

Landing Page

Adds FAQs to any existing Object type. Available for implementation using <a rel="noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a>.

FAQs

Adds ecommerce products to your project. Adds a new Products Object type. Available for implementation using <a rel="noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a>.

Ecommerce

Adds a contact form to your project. Sends emails via <a href="https://www.resend.com" rel="noopener noreferrer noopener noreferrer noopener noreferrer">Resend</a> and adds submissions to a form submissions Object type. Available for implementation using <a href="https://blocks.cosmicjs.com/" rel="noopener noreferrer noopener noreferrer">Blocks</a>.

Contact Form

Adds a navigation menu to your project. Available for implementation using <a rel="noopener noreferrer noopener noreferrer" href="https://blocks.cosmicjs.com/">Blocks</a>.

Gatsby Preview

.css-9vqfqm{display:inline-block;white-space:pre;}.css-sanqhm{opacity:0;}Start building today

Start building today