DEV Community

Cover image for Muito prazer, Strapi!
Danilo Tenorio Raisi
Danilo Tenorio Raisi

Posted on

1

Muito prazer, Strapi!

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:

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

Image of Timescale

Timescale – the developer's data platform for modern apps, built on PostgreSQL

Timescale Cloud is PostgreSQL optimized for speed, scale, and performance. Over 3 million IoT, AI, crypto, and dev tool apps are powered by Timescale. Try it free today! No credit card required.

Try free

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay