Blocks by Cosmic – React components for headless CMS

Hacker News

Hi HN, today we are releasing Blocks ( https://blocks.cosmicjs.com/ ), our new data infused components for building Cosmic ( https://www.cosmicjs.com/ ) (W19) powered websites and apps. Cosmic is a headless content management system (CMS). We provide a dashboard to create content and API tools to deliver content to any website or app. Blocks are pre-built website components that you can drop into your project. Choose from landing pages, blogs, image galleries, product pages, and more. With Blocks you can build these features with Cosmic faster than ever. It's our goal to empower your team to create the best content powered websites and apps. Blocks can be considered the missing "head" to connect with the Cosmic headless CMS. It is our opinionated component frontend for building highly scalable and performant web applications built with tools we think offer a development experience and performance advantage (React Server Components, Next.js, and Tailwind CSS). React Server Components (RSCs) have unlocked a new paradigm in building data-driven web applications. By safely encapsulating data-fetching inside components, we can use RSCs as building blocks to enable faster and more scalable application development. We are excited for the potential of RSCs and Blocks. This is just the beginning. To get started, go to the Blocks website ( https://blocks.cosmicjs.com/ ) and follow the steps for installation. View the Blocks demo (Agency Template) ( https://cosmic-agency-template.vercel.app/ ) to see all of the Blocks in action. Blocks are built to give developers a head start with features that are: - Performance optimized - Draft preview ready - Mobile responsive - Localization ready - Dark mode ready - Customizable - Accessible - Type safe Blocks not only provide a fast development experience, they have been optimized for speed and performance by default, so you can ship production-ready faster. Check out the Blocks demo (Agency Template) ( https://cosmic-agency-template.vercel.app/ ) to see how building with Blocks can give you high scores across the board for performance, SEO, and accessibility. Blocks are open source ( https://github.com/cosmicjs/blocks ) and built with React Server Components, Next.js, TypeScript, Tailwind CSS, and powered by the Cosmic content management system. You can install Blocks into any new or existing Next.js (v13+) codebase using the Blocks CLI ( https://www.npmjs.com/package/@cosmicjs/blocks ). Check it out on the Blocks website ( https://blocks.cosmicjs.com/ ) and let us know what you think in the comments. Tony

Visit product View on Hacker NewsJan 23, 2024

Share card

Actual performance

21points

5comments

Made the leaderboard

Launch Intel predictions

Analyze your own launch →

Indie HackersFits the IH revenue-focused audience · Strong signals: started, para · Missing: supports, reddit linkedin, podcasting

93%93% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.

best fitHighest predicted score across all platforms for this description.

Product HuntOn track for Day 1 leaderboard · Strong signals: apps, new, using · Missing: mac, agents, macos

78%78% predicted probability of success on Product Hunt, based on ML models trained on real launch data.

Hacker NewsStrong engagement from HN community · Strong signals: excited, exist, open source · Missing: https docs, just released, lua

64%64% predicted probability of success on Hacker News, based on ML models trained on real launch data.

nativeThis product was originally launched on this platform.

AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive

41%41% predicted probability of success on AppSumo, based on ML models trained on real launch data.

TrustMRRLess likely to generate early MRR · Strong signals: apps, para · Missing: mobile apps, ios, personal

33%33% predicted probability of success on TrustMRR, based on ML models trained on real launch data.

Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue

17%17% predicted probability of success on Acquire.com, based on ML models trained on real launch data.

BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto

0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Correct prediction on native model

Similar products

Payload Components37%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Payload CMS blocks installed wired, not pasted

Indie Hackerscommitment-side-project

TakeShape, a Headless GraphQL CMS and SSG75%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

TakeShape, a Headless GraphQL CMS and SSG

Hacker News60

GraphCMS – The GraphQL Headless CMS75%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

GraphCMS – The GraphQL Headless CMS

Hacker News16

DatoCMS47%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

GraphQL headless CMS

Indie Hackerscommitment-side-project

Headless CMS Written with NestJS, React and Redux-Saga63%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Headless CMS Written with NestJS, React and Redux-Saga

Hacker News2

Cosmic – Headless CMS and API toolkit v2.074%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Cosmic – Headless CMS and API toolkit v2.0

Hacker News23

Seams-CMS34%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

A headless CMS system

Indie Hackerscommitment-side-project

Flotiq64%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

API-first headless CMS

Indie Hackers2$3,516/mob2b

GraphCMS – A GraphQL-based Headless CMS75%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

GraphCMS – A GraphQL-based Headless CMS

Hacker News115

CMS that brings your React components to the browser55%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CMS that brings your React components to the browser

Hacker News4

Browse all products Analyze your launch