Nuxt Studio: como eu fiz o Blog do Box Box Radio
Fala galera, tudo bom com voces? Eu aqui e novo e hoje quero trazer para voces a maneira mais incrível que encontrei de ter meu CMS embutido ao meu front de um jeito super tranquilo e maneiro.
Para quem não sabe do que estou falando, alguns dias atrás postei aqui sobre o meu site que transcreve/traduz em tempo real aos rádios da Formula 1. Eu como apaixonado queria ficar por dentro das notícias também, então pensei: por que não trazer um Blog com conteúdos e análises também?
A primeira ferramenta que imaginei que daria conta foi o StoryBlok. Essa ferramenta é bem poderoza, super customizável e particularmente falando, eu pagaria ela facilmente para não utilizar Wordpress (nada contra Wordpress, eu só acho que é uma dor de cabeça desnecessária para esse caso rs).
Então me lembrei de uma lib chamada Nuxt Content, a qual eu já queria testar há algum tempo e de fato não houve melhor hora. Em conjunto com uma ferramenta chamada Nuxt Studio, meus olhos brilharam ao ver a facilidade de publicar conteúdos.
O que são essas ferramentas?
- O Nuxt Content é uma lib que consegue ler arquivos .md, .yml entre outros para exibir o conteúdo de um jeito incrível, adicionando ao seu projeto um CMS baseado no Git. Voce edita os arquivos, consegue realizar queries, adicionar os dadosSEO, é incrível.
- O Nuxt Studio dá um passo além, agora voce não precisa estar com seu VS Code aberto para publicar novos conteúdos e nem com o projeto rodando local. Com poucos passos de configuração o Nuxt Studio traz um editor semelhante ao Notion para que voce crie e publique automaticamente o conteúdo e com um modo de
previewque garante revisões antes de postar.
**Além disso, ao colar imagens dentro do documento ele já adiciona a imagem sem que voce precise fazer o upload (embora a opção também esteja presente).
Resultados
Lendo a documentação e criando um estio específico para o blog e para os cards, em cerca de 1 hora eu já estava publicando conteúdo e mega contente com o resultado. Fato é que o modo de preview funciona se voce tiver o site já publicado em algum lugar, mas voce também pode utilizar o Github Pages (perfeito!!).
Para desenvolvedores Vue ter essa ferramenta é algo muito poderoso.
Espero que gostem do resultado: