Blog Guaradata: Front-end em Nuxt.js integrado ao Ghost CMS

 

 

Blog Guaradata • Dev and owner • Owner

Introdução

Este repositório contém o código-fonte do front-end do blog Guaradata, juntamente com a estrutura de serviços necessários para seu funcionamento adequado. O front-end foi desenvolvido em Nuxt.js e está integrado ao Ghost CMS, um sistema de gerenciamento de conteúdo (CMS) gratuito e de código aberto, projetado para facilitar a publicação de blogs.

Requisitos

• Docker;
• Git;
• Node.js.

Configuração do ambiente de desenvolvimento

Passo a passo

1. Clone este repositório com o seguinte comando:

git clone https://github.com/guaradata/guaradata-frontend-ghost-cms.git

2. Abra a pasta do projeto clonado no terminal;

3. Renomeie o arquivo "env.example.txt" para ".env";

4. Execute o docker compose com o comando abaixo:

docker compose -f docker-compose.dev.yaml up --build

5. Acesse a pasta do front-end com o comando:

cd frontend

6. Instale as dependências do projeto com:

npm install

7. Inicie a aplicação no modo de desenvolvimento com:

npm run dev

8. Acesse o front-end por meio do localhost;

9. Acesse a página de administração do Ghost CMS com localhost;

Configuração do ambiente de produção

Passo a passo

1. Clone este repositório com o seguinte comando:

git clone https://github.com/guaradata/guaradata-frontend-ghost-cms.git

2. Abra a pasta do projeto clonado no terminal;

3. Renomeie o arquivo "env.example.txt" para ".env";

4. Altere o arquivo .env para credenciais adequadas;

5. Execute o docker compose com o comando abaixo:

docker compose -f docker-compose.prod.build.yaml up --force-recreate --build

6. Acesse o front-end por meio do ip da vm que está hospedando o projeto;

7. Acesse a página de administração do Ghost CMS com [ip-da-vm]/ghost-api/ghost;

Referências

[1] - https://medium.com/@priytamk/hosting-a-next-js-application-on-aws-ec2-with-docker-and-ssl-77643515581a