Skip to content

DemocraciaEnRed/democraciaos-web

Gatsby

Landing Page de DemocraciaOS

DemocraciaOS, la web especificamente para presentar las plataformas de participación ciudadana de Democracia en Red Desarrollada utilizando Gatsby v3, framework basado en React, y Bulma, framework de CSS basado en Flexbox.

🚀 Quick start

Para correr la aplicación:

  1. Asegurarnos de tener utilizar la versión correcta de Node. Requiere, como minimo, NodeJS 14.x
nvm use v14.21.3
  1. Instalar dependencias del proyecto
npm install
  1. Levantar en modo desarrollo (actualiza los cambios automáticamente)
npm run develop

Se disponibiliza el sitio en http://localhost:8000/

  1. Generar build productivo*
npm run  build

Genera archivos estáticos dentro de la carpeta build

Se aconseja ejecutar gatsby clean previo a generar build productivo que limpia cache de gatsby

  1. Para probar el build productivo:
npm run  serve

Se disponibiliza el sitio en http://localhost:9000/

Nota: Aun asi esto no es un build fiel al productivo, ya que se utiliza un plugin de Gatsby. Para ver como seria en produccion (en el caso de hacer debugs) hay que hacerlo por docker.

/dev/democraciaos-web$ docker build . -t der/dos:latest
/dev/democraciaos-web$ docker run -p 9000:80 der/dos:latest

En la carpeta content se encuentran los textos en formato .json de la landing para facilitar su edición.


Gatsby v3