jamstack.org

pila de mermelada

Este es el repositorio de https://jamstack.org

Un punto de entrada para conocer este modelo arquitectónico. Un lugar para aprender qué es Jamstack, compartir herramientas, consejos, ejemplos y artículos. Este también es un lugar para encontrar una reunión de la comunidad local o buscar apoyo para iniciar una propia.

Aportando recursos

Hemos recopilado una serie de vídeos, presentaciones, artículos y otros recursos de aprendizaje sobre Jamstack. ¡Puedes contribuir con contenido a ese conjunto de recursos!

Aceptamos contribuciones enviadas como solicitudes de extracción.

Contribuir con enlaces a recursos.

Para contribuir con un enlace a un recurso:

1. Cree un nuevo archivo md en la carpeta src/site/resources con un nombre único y descriptivo. Complete ese archivo de acuerdo con la estructura que se muestra a continuación.
2. Para presentaciones y videos, agregue una imagen en miniatura opcional a la carpeta src/site/img/cms . (La imagen debe ser un archivo jpeg de 600 px de ancho y 400 px de alto)
3. Enviar una solicitud de extracción

referencia md de recursos:

---
title : Resource title
date : Publish date (YYYY-MM-DD)
link : the URL of this resource
thumbnailurl : /img/cms/resources/resource-thumbnail.jpg
type :
  - article (Help us group and sort the resources by type article|video|presentation)
---

Antes de enviar una solicitud de extracción, o si está sugiriendo/contribuyendo con código o cambios de contenido, es aconsejable obtener una vista previa de su cambio en una compilación local. Hemos intentado que el proceso de ejecución de una compilación local sea lo más bajo posible.

Ejecutando una compilación local

Requisitos previos

• Nodo y NPM

Instalación y ejecución de la compilación

 # Clone this repository to your local environment
git clone [email protected]:jamstack/jamstack.org.git

# move in to your local site folder
cd jamstack.org

# install the dependencies
npm install

# run the build and dev server locally
npm start

Estilo con TailwindCSS

Este sitio utiliza TailwindCSS para ofrecer clases de CSS de utilidad y proporcionar un medio rápido para diseñar el sitio. Esto significa que la mayoría de los estilos se pueden realizar sin escribir ningún CSS adicional. En cambio, las clases de utilidad se pueden agregar directamente al HTML. Esto puede proporcionar un desarrollo muy rápido y también ofrecer niveles sorprendentes de familiaridad para quienes están acostumbrados a trabajar de esta manera (ya que las convenciones y clases no son por sitio ).

Mientras se ejecuta/desarrolla localmente, el comando npm run start generará el sitio, incluida la canalización CSS de Tailwind.

Utilidades CSS globales.

Se proporciona una pequeña cantidad de reglas CSS personalizadas para la eficiencia de clases repetidas o globales. Estos residen en src/css/tailwind.css pero deben usarse con moderación, y la mayor parte del estilo se realiza en HTML a través de las clases de utilidad de Tailwind.

Desarrollador vs productor

Durante una compilación de producción, la canalización de CSS incluye un paso para eliminar todas las declaraciones CSS no utilizadas y comprimir el CSS resultante. Para lograr eficiencia en el desarrollo, este paso no se realiza durante el desarrollo local mediante el comando npm run start . Puede obtener una vista previa de una compilación de producción optimizada ejecutando estos comandos:

 # Run a production build
npm run build

# Serve the build locally
npm run start

Clonar e implementar con un solo clic

Puede clonar este repositorio y arrancarlo como un sitio de prueba propio, completo con el proceso de compilación de CI/CD en Netlify haciendo clic en el botón a continuación. (Requiere cuentas gratuitas de GitHub y Netlify)