GithubHelp home page GithubHelp logo

enflujo / enflujo-www Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 4.0 1.23 MB

:elephant: Sitio principal del laboratorio EnFlujo. https://enflujo.com

Home Page: https://enflujo.com

JavaScript 8.79% SCSS 7.08% Astro 82.59% TypeScript 1.54%
laboratorio sitio-web-oficial colombia educacion

enflujo-www's Introduction

Sitio principal del Laboratorio EnFlujo

Logo EnFlujo

Estilo Código Despliegue Tamaño Licencia

Creado con Astro

Instalación

Instalar dependencias:

yarn install

Desarrollo local

yarn dev

Inicia un servidor local (con hot-reloading) en localhost:3000

Construir para producción

Exportar aplicación:

yarn build

Aplicar reglas de estilo al código

Para ver los errores de estilo:

yarn lint

¡IMPORTANTE! - Antes de hacer push o PR, aplicar las reglas al código:

yarn lint:fix

Saltarse los procesos de Github Actions

En el mensaje del push incluir [skip ci]. Explicación

Ejecutar acción de despliegue

Todos los push a la rama main activan el despliegue. También se puede ejecutar desde el terminal o cualquier comando externo siguiendo la estructura de: https://docs.github.com/en/rest/repos/repos?apiVersion=2022-11-28#create-a-repository-dispatch-event

curl \
  -X POST \
  -H "Accept: application/vnd.github+json" \
  -H "Authorization: Bearer <TOKEN_GITHUB_CON_PERMISOS>"\
  -H "X-GitHub-Api-Version: 2022-11-28" \
  https://api.github.com/repos/enflujo/enflujo-www/dispatches \
  -d '{"event_type":"despliegue"}'

enflujo-www's People

Contributors

1cgonza avatar anattolia avatar juliansintilde avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

enflujo-www's Issues

Perfiles

Página donde están los perfiles de los participantes o integrantes de EnFlujo

📆 Actualizar eventos

Agregar eventos que no estén en la página aún.
Ej. Cali, Sudáfrica, charla Bélgica, dwebCamp Brasil.

El logo en fechas no se ve bien

Captura de Pantalla 2022-06-01 a la(s) 11 51 13 a m

El tamaño es aproximadamente 13x13 pixeles y ahí siento que no se ve tan bien.

El anterior creo que si funcionaba mejor, lo dejo acá de referencia.
Captura de Pantalla 2022-06-01 a la(s) 11 53 40 a m

¿Cómo vamos a asegurar que tenga SEO?

De momento la plantilla no tiene en cuenta el SEO. Va a ser importante que desde el CMS hagamos campos para los Tags OG y que modularmente se muestren en las páginas.

Hacer pruebas con Nuxt para ver si resolvemos SEO y Server Side Rendering directamente con esa librearía o si implementamos una solución en la plantilla actual de Vue.

Diseñar clases en CSS para contenidos

Mejorar los estilos de los campos de texto que se usan en diferentes páginas.

  • Incluir alguna librería liviana para bloques de código.
  • Estilos para listas.
  • Galerias de fotos.
  • Presentaciones con varias columnas.

Simplificar menús

  • No hay necesidad de crear colección de menús si son exactamente iguales.
  • Deberían aparecer sólo las páginas publicadas: status = "published".

Implementar diseño de glosario

Probar con el diseño propuesto por @jeanniffer y experimentar sistemas de filtros, formas de ordenar el contenido por temas, diferentes estructuras de visualización para cambiar de una a otra.

Implementar diseño del Home

Diseñar el componente de Inicio en Vue y estructurar la información que compone esta página. Trabajar de la mano en el modelado de datos en el CMS.

Modelar datos para colección "páginas"

En esta colección podemos agregar información general de las páginas que componen el sitio.

Posibles campos

  • Campos para SEO: titulo, descripción, imagen.
  • Texto de introducción.
  • Opción para escoger la plantilla de Vue.
  • ¿Categorías?

Lo que podría hacer

  • Crear los campos del menú con todos los elementos de la colección.

Modelar datos para glosario.

Desde Directus, estructurar la colección para el glosario.

  • Concepto
  • Definición
  • Temas (con tags)
  • ¿que más se necesita?

Cambiar Nuxt por otra cosa

Nuxt se esta volviendo un poco tedioso de actualizar, lleva un tiempo desarrollando el paso a Vue 3, los plugins que usamos dependen de Vue2 y esto va a ser un dolor de cabeza reimplementar, actualmente usa webpack y no Vite (que me ha gustado mucho por su velocidad) entre otros chicharrones.

Siento que Nuxt abstrae mucho y esto siempre termina siendo un problema para escalar las aplicaciones a nuestro gusto. No quiero implementar desde cero pero algo con menos abstracción sería buenísimo.

Tengo en la mira este: https://vite-plugin-ssr.com/ parece un muy buen candidato porque es más transparente en lo que esta haciendo y uno toma el control de como implementa cada detalle. No toca esperar a que el equipo de Nuxt implemente los cambios que van llegando a Vue sino que siempre se vuelven disponibles.

Probemos y tomamos una decisión aprovechando que el sitio de EnFlujo aún esta pequeño y podemos movernos sin tanto trabajo. Para Arca ya lo veo más complicado.

💢 Falta Repositorio = Pagina ☠

En el momento que falta algun repositorio dentro de algun proyecto y se construye la pagina esta falla ya que un valor Null no es un valor Map. Arreglar con un If para que no suceda esto.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.