The era of Content Builders

#content #builder

What is Content?

Content is information organized to an audience

What is a Content Builder?

A content builder is a software that you let organize your content in different ways.

You can present information in different forms, using text with many formatting (bold), using images, using audio (podcasts), using video, using gif, using tables, using text formatting, you can embed content from other websites like twitter, youtube and so on.

Content builder goes from “simple” text editor, to note taking app to mobile site nocode solutions.

Before content builder?

We have different types of “documents” to present information.

We have Word/Google Docs to present text information.

We have Excel/Google Sheets to present table information

We have Powerpoint/Google Slides to do slides.

What if I want to add some text/paragraph to my sheet?

What if I want to add some slide form to my text document?

Blocks

We can have basic blocks like simple text and paragraphs

We can have links to other pages, blog posts or people

we can have media (image, embeds, audio, video)

Working with Blocks

You can copy and paste text, single blocks or multiple blocks

You can reorder blocks, you can edit and duplicate them

You can transform one block into another

Layouts

Layout are blocks that arrange blocks inside a screen

They are useful when building a website

Most website can be built with predefined layout patterns

Interactive Blocks

ObservableHQ let you have interactive blocks to document and play with data visualization

You could embed some code playground in your content to make them more interessant

Examples of Content Builders?

Fluid Framework

Notion

Dropbox Paper

Mdx

Airtable

Observable HQ - https://observablehq.com/

NoCode in general

WebFlow

Canva https://www.canva.com/pt\_br/

Wix

Building Blocks of Content Builder

Similar to building blocks for SaaS (https://sibelius.substack.com/p/where-good-saas-come-from). We can have many building blocks when creating content.

WYSIWYG

what you see is what you get

A Digital Garden is an example of a content builder where you build and modify the blocks.

You decide which blocks to implement based on what your needs. It is the curation of your content and output. If you need to show some code you need a block to handle it properly.

Using the right blocks can make your Writing more interesting to read

This blocks can be thought as tools for thinking

Abstractions

Writing

Linked from
  • AtomWe can use atom to describe something that is minimal and indivisible We can have an atom of state like redux recoiljs We can have an atom of thought as Roam and Zettelkästen uses…
  • Digital GardenA digital garden is a place where I can show my content but I can also change the "engine" of it. If you keep pushing all content websites you're gonna hit some "limit" It won't…
  • Editor - React ConfContent Editable is an attribute that let any element to be editable Content Editable is usually use to build rich text editors, or markdown editors, or any kind of editors. The…
  • ExcelExcel is a software to process spreadsheet/tabular data Excel can be think as one of the first Thinking Tools. You put a lot of number, and start building thinks on top of it,…
  • NoCodeNoCode is building software using "code" (pure text). It is a higher level way to build software. You can build software using pre built building blocks (The era of Content…
  • Text FormatsPlain Text We have a plain text when we don't have any formatting, all text are the same Rich Text Rich text is when we have formatting for part of the text. When you enable…
  • Thinking ToolsWe need more tools to make our thinking better Mental Models is one of the tool in our toolbox Note Taking (Bidirectional note taking) is another tool. Can we make people remember…
Links to
  • Digital GardenA digital garden is a place where I can show my content but I can also change the "engine" of it. If you keep pushing all content websites you're gonna hit some "limit" It won't…
  • Abstractionsblock An abstraction is something that helps us An abstraction can help build concrete things twitter thread React is the abstraction to build UI using components D3 is the low…
Shares tags with
  • Articles
  • Great contentstratechery
  • Mentions
  • Podcasts
  • RSSRSS let websites publishes new content notifying who subscribes to the channel When you build/curate your input things that you want to read, you have a much better experience…

Sign in with GitHub to reply.

Select any passage to quote it.

Comments