/design-systems

Design systems en español

Primary LanguageCSSMIT LicenseMIT

Blog personal JAMStack: Archivos iniciales

Estos son los archivos de inicio utilizados por Manuel Ruiz para crear un blog personal utilizando JAMStack para el desafío DevProjects de Codementor. Eres libre de utilizarlos como desees para comenzar con el desafío, si deseas comenzar a trabajar en la creación del sitio sin preocuparte por el contenido en sí mismo.

Los archivos proporcionados son páginas terminadas utilizando HTML y CSS regular. Los archivos HTML se pueden descomponer y utilizar para construir las diferentes plantillas y archivos parciales utilizando el lenguaje de plantillas de tu elección.

La estilización de las páginas ya está completa. Dicho esto, la carpeta design-files contiene un archivo Figma y un archivo .webp de un diseño si deseas intentar construirlo desde cero. No es necesario utilizar este diseño en absoluto, depende de cómo desees abordar el desafío.

La carpeta src contiene archivos para que puedas poner en marcha tu proyecto sin preocuparte por el contenido de las publicaciones/artículos. Esa carpeta contiene:

  • Archivos HTML que puedes utilizar como base para los diferentes diseños de página. Estos pueden convertirse en las plantillas que se utilizarán.
  • Archivo CSS para la estilización de las páginas.
  • 5 artículos de blog en la carpeta blog.
  • Imágenes y un logotipo en la carpeta assets.

Los artículos están escritos en Markdown y contienen Front Matter. Dependiendo del Generador de Sitios Estáticos que utilices, es posible que debas modificarlos un poco si deseas utilizarlos.

Desafío DevProjects

Como se mencionó, estos archivos están aquí para ayudarte a comenzar con el desafío DevProjects. Por favor, visita la página del desafío para obtener más información sobre el mismo.

Tutorial

Puedes ver este video para ver cómo Manuel utiliza Eleventy, Netlify y Netlify CMS para crear un sitio de blog completo construido completamente con archivos estáticos.