DEV Community: Danilo Tenorio Raisi

Nice to meet you, Strapi!

Danilo Tenorio Raisi — Wed, 02 Oct 2024 17:15:00 +0000

Strapi is one of the largest and best Headless CMS that exist. It is Open Source and can be used for free without limitations.

Looking for portuguese content? Click here

They offer an enterprise plan, with support and some important features for companies, and also a specialized Cloud if you want to use.

As our goal is to keep everything at no cost (or as cheap as possible, depending on the size of your project), we will use services with a generous free tier (prioritizing Open Source, of course).

Headless CMS, what's that?

At this point, if you don’t know, you should be wondering “but what is a Headless CMS?”.

Well, let's first understand what a CMS is.

CMS is the English acronym for Content Management System.

With a CMS, you can organize texts, images, videos and various other elements, making it easy to publish content on the web.

CMS platforms can provide both content and front end, enabling some kind of customization.

Do you want an example? That place we are, Dev.to. Behind this article, there is a system called Forem, which allows me to write it and publish it for you to read.

In addition, it also provides an API, so I can use the content created here elsewhere.

We enter here in the concept of Headless CMS. A system like Strapi manages and provides content through a REST or GraphQL API, being the responsibility of those who consume this content to show user-friendly.

Why Strapi?

The first time I was introduced to Strapi, I was looking for a CMS that was easy to deploy and maintain. Among the many options I analyzed, Strapi proved more promising for being Open Source, extremely lightweight, highly customizable, providing a good experience for editors.

When I started with Strapi, it was still in v3 (the version that is still used on the site I am migrating). Currently, we are in v5.

During this series, we will see how relatively simple it is to create content in Strapi, how we can reuse concepts and generate a lot of dynamic content.

In fact, what is this migration I'm doing, you should be wondering.

Basically, I created a landing page for a project that I have as a hobby, and wanted a way to leave everything with the best level of customization possible.

Even creating new pages, menus, everything!

Here comes one of the best parts of Strapi, to be Headless!

And why Headless?

I’ve worked with WordPress and Drupal, for example, and one of the most “annoying” things in producing and maintaining content in them is customization.

As my purpose for this project was to create a “website creator”, I chose to keep content in Strapi and develop the necessary components to display this content with React and Next.

The current site is working, but as it already has a time that has been developed, I decided to give a refresh and change the technology behind.

The back end will be maintained with Strapi, only improving types and components (be patient, during the series we will better understand all this).

Already, the front will migrate from Next to Astro (I can write an article about why this change later).

Outro

I could stretch myself in this article and talk about several good and bad things from Strapi, but I prefer to leave to treat them at the right time, as we migrate everything.

In addition, Strapi has a fantastic documentation and, as I usually say, nothing better than the documentation to start.

Then follow some important links:

Strapi Quick-start: https://docs.strapi.io/dev-docs/quick-start
Strapi FAQ: https://docs.strapi.io/dev-docs/faq
Headless CMS Guide: https://strapi.io/headless-cms-guide

Ah, you can see the comparisons between Strapi and several CMS:

Muito prazer, Strapi!

Danilo Tenorio Raisi — Wed, 02 Oct 2024 17:15:00 +0000

Strapi é um dos maiores e melhores Headless CMS que existem. É Open Source e pode ser utilizado gratuitamente, sem limitações.

Prefere o conteúdo em inglês? Clique aqui

Oferecem um plano enterprise, com suporte e algumas features importantes para empresas, e também uma Cloud especializada, se você quiser usar.

Como nosso intuito é manter tudo sem custos (ou o mais barato possível, a depender do tamanho do seu projeto), utilizaremos serviços com free tier generosos (priorizando Open Source, é claro).

Headless CMS, o que é isso?

Neste ponto, se você não conhece, deve estar se perguntando “mas o que é um Headless CMS?”.

Bem, vamos primeiro entender o que é um CMS.

CMS é a sigla em inglês para Content Management System ou, em português, Sistema de Gestão de Conteúdo.

Com um CMS você pode organizar textos, imagens, vídeos e vários outros elementos, facilitando a publicação de conteúdos na web.

As plataformas CMS podem fornecer tanto o conteúdo quanto o front end, possibilitando algum tipo de customização.

Quer um exemplo? Esse lugar onde estamos, o Dev.to. Por trás desse artigo existe um sistema chamado Forem, que me permite escrevê-lo e publicá-lo para que você leia.

Além disso, também fornece uma API, para que eu possa usar o conteúdo aqui criado em outros lugares, se quiser.

Entramos aqui no conceito de Headless CMS. Um sistema como Strapi gerencia e fornece conteúdos por meio de uma API REST ou GraphQL, ficando a cargo de quem consome esse conteúdo de mostrar de forma amigável ao usuário.

Porque Strapi?

A primeira vez que fui apresentado ao Strapi, estava buscando um CMS que fosse fácil de implantar e manter. Dentre as diversas opções que analisei, o Strapi se mostrou mais promissor por ser Open Source, extremamente leve, altamente customizável e claro, proporcionar uma boa experiência aos editores.

Quando comecei com Strapi, ainda estava em sua v3 (versão essa que ainda é utilizada no site que estou migrando). Atualmente, estamos na v5.

Durante essa série, veremos como é relativamente simples criar conteúdos no Strapi, como podemos reaproveitar conceitos e gerar bastante conteúdo dinâmico.

Aliás, do que se trata essa migração que estou fazendo, você deve estar se perguntando.

Basicamente, eu criei uma landing page para um projeto que tenho como passatempo, e queria uma forma de deixar tudo com o melhor nível de customização possível.

Até mesmo a criação de novas páginas, menus, tudo!

Eis aí que veio uma das melhores partes do Strapi, ser Headless!

E por que Headless?

Já trabalhei com WordPress e Drupal, por exemplo, e uma das coisas mais “chatas” em produzir e manter conteúdo neles é a customização.

Como meu intuito para esse projeto era criar um “criador de websites”, escolhi manter o conteúdo no Strapi e desenvolver os componentes necessários para exibir esse conteúdo com React e Next.

O site atual está funcionando, mas como já tem um tempo que foi desenvolvido, resolvi dar uma repaginada e mudar a tecnologia por trás.

O back end será mantido com Strapi, apenas melhorado na questão de tipos e componentes (calma, durante a série entenderemos melhor tudo isso).

Já o front migrarei de Next para Astro (posso escrever um artigo sobre o porquê dessa mudança depois).

Outro

Eu poderia me alongar nesse artigo e falar sobre diversas coisas boas e ruins do Strapi, mas prefiro deixar para tratá-las no momento certo, conforme migramos tudo.

Além disso, o Strapi tem uma tremenda documentação e, como costumo dizer, nada melhor que a documentação para iniciar.

Então, seguem alguns links importantes:

Strapi Quick-start: https://docs.strapi.io/dev-docs/quick-start
Strapi FAQ: https://docs.strapi.io/dev-docs/faq
Headless CMS Guide: https://strapi.io/headless-cms-guide

Ah, você pode ver as comparações entre Strapi e diversos CMS:

Strapi, Astro and a world of content.

Danilo Tenorio Raisi — Wed, 25 Sep 2024 20:34:33 +0000

When we go to a website, be it an e-commerce, an app, or a blog, like this, what matters and draws attention to us is the content!

Looking for portuguese content? Click here

Because content matters!

I've always enjoyed studying about CMS, the most consolidated WordPress and Drupal, the most current like Strapi, Directus, Contentful.

As I work developing a CMS today, I have studied more in depth, integrations, good practices, etc.

What's the series about?

I own some websites published using CMS and Headless CMS. And I decided to migrate one of them — from a hobby I own — to a new technology and a new version.

With this, I will document this migration in this series of articles, to help other developers start in this world of content.

The way will be fun and I hope you enjoy…

What will we use?

Well, as the title says, Strapi will be our Headless CMS.

For the front end, we will use the Astro framework.

Our DB will be in Supabase because it is Open Source and PostgreSQL.

The front goes from Netlify.

The images and videos will be on Cloudinary.

As migration evolves, we will include what is needed.

Outro

The project repositories will all be in my GitHub. I plan to use free services and Open Source, so anyone can start their project using it as a basis.

Let's learn from development together.

I see you in the next article in the series, where we will start our development with Strapi.

Until then…

Strapi, Astro e um mundo de conteúdos.

Danilo Tenorio Raisi — Wed, 25 Sep 2024 17:19:06 +0000

Quando entramos em um website, seja um e-commerce, um aplicativo ou um blog, como este, o que importa e nos chama atenção é o conteúdo!

Prefere o conteúdo em inglês? Clique aqui

Porque conteúdo importa!

Sempre gostei de estudar sobre CMS, dos mais que consolidados WordPress e Drupal, aos mais atuais como Strapi, Directus, Contentful.

Como trabalho desenvolvendo um CMS atualmente, tenho estudado mais a fundo, integrações, boas práticas, etc.

Do que se trata a série?

Possuo alguns sites publicados usando CMS e Headless CMS. E resolvi migrar um deles — de um passatempo que possuo — para uma nova tecnologia e uma nova versão.

Com isso, documentarei essa migração nesta série de artigos, para ajudar outros desenvolvedores a iniciar nesse mundo de conteúdos.

O caminho será divertido e espero que vocês gostem…

O que usaremos?

Bem, como diz o título, Strapi será nosso Headless CMS.

Para o front end, usaremos o framework Astro.

Nosso DB estará na Supabase, por ser Open Source e PostgreSQL.

Já o front vamos de Netlify.

As imagens e vídeos estarão na Cloudinary.

Conforme a migração for evoluindo, vamos incluindo o que for necessário.

Outro

Os repositórios do projeto estarão todos no meu GitHub. Planejo utilizar serviços gratuitos e Open Source, para qualquer pessoa poder iniciar seu próprio projeto usando este como base.

Vamos aprendendo com o desenvolvimento juntos.

Te vejo no próximo artigo da série, onde começaremos nosso desenvolvimento com Strapi.

Até lá…