Criando um aplicativo de blog com Node.js e Ghost CMS
O artigo explica como criar um aplicativo de blog personalizado usando Node.js e o CMS Ghost ou KeystoneJS, incluindo um guia passo a passo para integrar o CMS em um aplicativo Node.js.
node.js
30 mar 2023
![Criando um aplicativo de blog com Node.js e Ghost CMS](/_next/image?url=https%3A%2F%2Fimages.prismic.io%2Fblogjavascript%2F9bd0026c-8463-4e95-9980-08f277c5d668_Design%2Bsem%2Bnome.jpg%3Fauto%3Dcompress%2Cformat&w=3840&q=75)
O Ghost é um CMS (Content Management System) popular para criação de blogs, que permite aos usuários gerenciar o conteúdo de seus sites de forma fácil e eficiente.
Com o Node.js, é possível criar um aplicativo de blog usando o Ghost como CMS, permitindo que você personalize a aparência do seu blog e adicione recursos personalizados para melhorar a experiência do usuário.
Para começar, é preciso ter o Node.js instalado em sua máquina. Você pode baixar o Node.js em https://nodejs.org/.
Após a instalação, abra um terminal e verifique se o Node.js foi instalado corretamente usando o comando abaixo:
node -v
Agora que o Node.js está instalado e funcionando, vamos instalar o Ghost CMS usando o npm (Node Package Manager).
Digite o seguinte comando no terminal:
npm install -g ghost-cli
Esse comando instalará o Ghost CLI, que é uma ferramenta de linha de comando para instalar e gerenciar instâncias do Ghost.
Agora, crie um diretório para o seu projeto e navegue até ele usando o comando cd.
mkdir my-blog cd my-blog
Agora, use o Ghost CLI para instalar o Ghost CMS no diretório my-blog.
ghost install local
Esse comando instalará o Ghost CMS e todas as suas dependências em um servidor local.
Quando a instalação for concluída, você poderá acessar o painel de administração do Ghost em http://localhost:2368/ghost.
Faça login usando as credenciais que você criou durante a instalação.
Aplicativo
Agora que o Ghost está instalado e funcionando, podemos criar um aplicativo de blog para personalizar a aparência do seu site.
Crie um novo diretório chamado public na raiz do seu projeto.
mkdir public
Dentro do diretório public, crie um arquivo index.html com o seguinte conteúdo:
<!DOCTYPE html> <html> <head> <title>Meu Blog</title> </head> <body> <h1>Bem-vindo ao meu blog!</h1> <p>Este é o meu primeiro post.</p> </body> </html>
Esse arquivo será a página inicial do seu blog.
Agora, crie um arquivo app.js na raiz do seu projeto e adicione o seguinte código:
const express = require('express'); const path = require('path'); const app = express(); app.use(express.static(path.join(__dirname, 'public'))); app.listen(3000, () => { console.log('Aplicativo de blog rodando na porta 3000!'); });
Esse código cria um servidor express e define a pasta public como pasta estática.
Isso significa que o servidor irá servir os arquivos estáticos (como o arquivo index.html) diretamente para o cliente.
O servidor também é iniciado na porta 3000.
Para executar o servidor, basta executar o seguinte comando no terminal:
node app.js
Agora, abra o seu navegador em http://localhost:3000 e você deverá ver a página inicial do seu blog. No entanto, ainda precisamos integrar o Ghost CMS ao nosso aplicativo de blog.
Ghost CMS
Para integrar o Ghost CMS, podemos usar o pacote ghost-portal.
Esse pacote é uma biblioteca Node.js que permite integrar o Ghost CMS a qualquer aplicativo Node.js existente.
Para instalar o ghost-portal, execute o seguinte comando no terminal:
npm install ghost-portal
Agora, adicione o seguinte código ao seu arquivo app.js:
const express = require('express'); const path = require('path'); const portal = require('ghost-portal'); const app = express(); app.use(express.static(path.join(__dirname, 'public'))); portal({ url: 'http://localhost:2368', apiPath: '/ghost/api/v3', contentPath: path.join(__dirname, 'content'), site: { title: 'Meu Blog' } })(app); app.listen(3000, () => { console.log('Aplicativo de blog rodando na porta 3000!'); });
Esse código importa o ghost-portal e o usa para integrar o Ghost CMS ao seu aplicativo de blog.
É necessário especificar a URL do seu site Ghost, o caminho para a API do Ghost, o caminho para a pasta content do Ghost e o título do seu site.
Essas informações são usadas para se comunicar com o Ghost CMS e obter o conteúdo do seu site.
Agora, é possível adicionar conteúdo ao seu blog no Ghost CMS e visualizá-lo em seu aplicativo de blog personalizado.
Acesse o painel de administração do Ghost em http://localhost:2368/ghost e crie um novo post.
Depois de publicar o post, acesse http://localhost:3000/ e você verá o seu novo post em seu aplicativo de blog personalizado!
Conclusão:
Criar um aplicativo de blog com Node.js e Ghost CMS é uma maneira poderosa de criar um site de blog personalizado e fácil de gerenciar.
Com o Node.js e o Ghost, é possível criar um aplicativo de blog altamente personalizado com recursos avançados, como comentários, formulários de contato e muito mais.
O ghost-portal simplifica a integração do Ghost CMS em seu aplicativo Node.js, permitindo que você use o Ghost para gerenciar o conteúdo do seu site e o Node.js para personalizar a aparência e o comportamento do seu site.