Awesome-Jamstack-Resources
Esta es una lista curada de herramientas utilizando el JamStack: una arquitectura de desarrollo web moderna para crear sitios web rápidos, seguros y dinámicos.
¿Quiere contribuir con algunas herramientas / recursos? ¡Impresionante! Por favor, lea las pautas de contribución antes de contribuir.
Tabla de contenido
- Sitio de recursos oficiales
- Escaparate de sitios de Jamstack
- Plataformas
- Generadores de sitios estáticos
- CMS
- API
- Autenticación
- Comentario
- Formularios
- Comercio electrónico
- Buscar
- Base de datos
- Sin servidor
- Videos
- Tutoriales / artículos
- Libros
oficial
- Jamón
- JamStack Resources - Videos y artículos sobre Jamstack.
- Radio Jamstack
- Jamstack Boilerplates
- Blog de Netlify
- ¿Qué es el Jamstack?
- ¿Por qué el Jamstack?
- ¿Cómo empiezo?
Escaparate de sitios de Jamstack
- Mi cartera: construido en Gatsby y alojado en Netlify.
- React: construido en Gatsby.
- Squeoosh.App: alojado en Netlify, demuestra características avanzadas de una aplicación web moderna.
- Hopper: construido en Gatsby y alojado en Netlify.
- Curso de usuario de VSCode Power: PWA construido en Gatsby y alojado en Netlify.
- Cloudycam - PWA construido en Next.js y alojado en la plataforma Zeit Now V2 Servidor.
- Guru de diseños creativos: construido en el altuteoscas alojados en Netlify y diseñado con CSS de viento de cola
Plataformas
- Netlify: plataforma todo en uno para automatizar proyectos web modernos.
- VERCEL: plataforma todo en uno sin servidor para aplicaciones web modernas con herramientas y flujos de trabajo sin configuración.
Generadores de sitios estáticos
- Gatsby - Generador de sitios estáticos de rápido rápido para React.
- Next.js: marco liviano para aplicaciones estáticas y renderizadas en servidor.
- Hugo - Hugo es un generador de sitio estático escrito en Go.
- JEKYLL - Jekyll es un generador de sitio estático simple, consciente de blog, perfecto para sitios personales, de proyectos u organizaciones.
- HEXO: un marco de blog rápido, simple y potente, alimentado por Node.js.
- Gridsome: generador de sitios estáticos con Vue para construir sitios web listos para CDN para cualquier CMS, API o archivos de Markdown sin cabeza.
- Nuxt.js: marco versátil basado en Vue para aplicaciones de una sola página de renderizado, estático y tradicional.
- Eleventy: un generador de sitio estático más simple que transforma varios archivos de plantilla en HTML.
- NIFT: un generador de sitios web de código abierto multiplataforma desarrollado en C ++ que es un rayo rápido y extremadamente potente.
CMS
- Cosmic: CMS sin cabeza con opciones de REST y GraphQL API.
- Kentico Kontent: un CMS sin cabeza nativo de nube que escala.
- Contentful - Infraestructura de contenido para equipos digitales.
- NetLifyCMS: CMS basado en Git de código abierto.
- Buttercms - CMS sin cabeza y API de contenido.
- GraphCMS: el CMS sin cabeza GraphQL.
- Prismic: API sin cabeza CMS para desarrolladores y especialistas en marketing.
- Siteleaf: un CMS amigable para su sitio estático.
- DATOCMS: el CMS basado en API a sus editores les encantará.
- Prose: Prose es un editor de contenido para GitHub diseñado para administrar sitios web.
- TIPE - API de próxima generación CMS.
- Forestación: CMS sin cabeza para sitios construidos con generadores de sitios estáticos.
- HeadlessCMS: una lista de sistemas de gestión de contenido para sitios de Jamstack.
- Ghost: un CMS sin cabeza para publicaciones en línea
- Strapi: los desarrolladores front -end de CMS sin cabeza de código abierto que aman.
API
Autenticación
- Auth0: autenticación de inicio único y basado en tokens.
- Netlify Identity: trae un conjunto completo de funcionalidad de autenticación, respaldada por la API Gotrue.
- JEXIA UMS - Sistema de administración de usuarios REST API para su lado web con el proveedor de identificación con JWT + funcionalidad adicional.
Comentario
- DISQUS - Sistema de comentarios globales que mejora la discusión en sitios web y conecta las conversaciones en la web.
- Comentarios de Facebook: el complemento de comentarios permite a las personas comentar contenido en su sitio utilizando su cuenta de Facebook.
- Enunciados: un widget de comentarios liviano basado en problemas de GitHub. Use problemas de GitHub para comentarios de blog, páginas wiki y más.
Formularios
- FormCake: un backend de formulario creado para desarrolladores: integraciones Zapier, dependencias cero, una API simple y formas ilimitadas.
- GetForm: plataforma de back -end de formulario para diseñadores y desarrolladores. Configure sus puntos finales de formulario para su sitio estático en cuestión de minutos y expanda sus datos con la integración de Zapier y el soporte de webhooks.
- Formularios NetLify: manejo de formulario incorporado en el tiempo de edificio mediante la analización de archivos HTML directamente en el tiempo de implementación.
- Arengu: cree formularios de registro e inicio de sesión con Arengu, habilite el inicio de sesión social, agregue 2FA o use flujos sin contraseña para autenticar a los usuarios con su API o proveedor de identidad.
Comercio electrónico
- Snipcart: una poderosa plataforma de carritos de compras para desarrolladores.
- Moltin - API de comercio electrónico para desarrolladores.
- Trolley: un carrito de compras diseñado para el Jamstack.
- Shopify - Shopify Solución de comercio electrónico sin cabeza.
- Commerce.js - Plataforma de comercio electrónico API para desarrolladores.
Buscar
- Algolia: la plataforma más confiable para construir una búsqueda en su negocio.
- LUNR - Search hizo simple (en frontend).
Base de datos
- GraphQL: lenguaje de consulta para API y un tiempo de ejecución para cumplir con esas consultas con sus datos existentes.
- GraphCool: backend como servicio de código abierto y autohostado para desarrollar backends GraphQL sin servidor.
- FAUNADB-Base de datos NoSQL relacional con uniones, índices y transacciones de ácido múltiple en la nube o en las instalaciones.
Gestión de archivos
- JEXIA FILESET - REST API File Manager para su aplicación con indexación y funciones adicionales.
Sin servidor
- Funciones de Netlify: Netlify le permite implementar funciones LAMBDA sin una cuenta de AWS, y con la gestión de funciones manejada directamente dentro de Netlify.
- Amazon Lambda: le permite ejecutar código sin aprovisionar o administrar servidores.
- Microsoft Azure
- Azure Functions: servicio de cómputo sin servidor que le permite ejecutar el código a pedido sin tener que provisar o administrar explícitamente la infraestructura.
- Azure Logic Apps: simplifica la creación de flujos de trabajo escalables automatizados que integran aplicaciones y datos en servicios en la nube y sistemas locales.
- Google Cloud
- App Engine: aplicación sin servidor que resume por completo la infraestructura para que se concentre solo en el código.
- Funciones en la nube: entorno sin servidor para construir y conectar servicios en la nube.
- Cloud DataStore: base de datos NoSQL altamente escalable con fragmentación automática y replicación.
- Almacenamiento en la nube: almacenamiento de objetos geo -redundantes para altas necesidades de QPS.
- Cloud Pub/Sub-Mensajes en tiempo real geo-redundante para todos los tamaños y velocidades de mensajes.
- Apigee - Gestión de API empresarial para entornos de múltiples nubes.
- Puntos finales: aplicaciones de administración de API construidas en Google Cloud.
- Cloud DataFlow: transmisión sin servidor y servicio de procesamiento de datos por lotes.
- BigQuery: servicios de almacenamiento de datos sin servidor que lo ayudan a implementar soluciones avanzadas de almacenamiento de datos en la nube para su empresa.
- Cloud ML Engine: servicios de aprendizaje automático sin servidor que escalan automáticamente construidos en hardware de Google personalizado (unidades de procesamiento de tensor).
- Serverless - Toolkit para implementar y operar arquitecturas sin servidor.
- Cloudinary - plataforma de administración de medios sin servidor (imágenes/videos). Proporciona SDK en cada idioma popular y widgets de medios para Jamstack para que sea fácil administrar medios, CDN, almacenamiento, transformaciones y más.
- IMGIX - Servicio de administración y entrega de imágenes sin servidor. IMGIX se conecta a donde se almacenan sus imágenes (por ejemplo, S3, GCS, carpeta web) y transforma, optimiza y ofrece inteligentemente sus imágenes utilizando parámetros de URL simples y robustos.
- Elastictable: el backend como una solución de servicio basada en AWS que está perdiendo para aumentar la tasa de éxito de las empresas en línea.
Para una lista más completa, consulte Awesome Servidor.
Videos
- La nueva pila de front-end. JavaScript, API y Markup - Matt Biilmann.
- Rise of the Jamstack - Mathias Biillman.
- Jamstack: Nombre tonto, cosas serias - Phil Hawksworth.
- CMS basado en GIT o impulsado por la API-Chris Macrae.
- Tutorial JamStack - Sitio completo con Netlify & Hugo - Freecodecamp.org.
- Curso Crash Gatsby JS - Traversy Media.
- Cómo llegamos aquí y el futuro de la web: Kyle Mathews.
- Conversaciones de todas las conferencias de Jamstack - Jamstack Conf.
- Cómo utilicé React, Vue y Node para construir una sola aplicación Jamstack - Ahmad Awais.
- React vs Vue, Gatsby vs Gridsome - Construyendo el mismo sitio - Ondrej Polesny.
- WTF es Jamstack? - Ondrej Polesny.
Tutoriales / artículos
- Construye un blog personal Jamstack con Headless Ghost 2.0 CMS & Gatsby
- Cómo construir un sitio web de Jamstack usando Vue.js, Nuxt.js y Cosmic JS
- Ghost on the Jamstack
- Construir un formulario de contacto en Gatsby usando GetForm
- Comenzando con Gatsby y Cockpit - Parte 1 de 2
- Creación del sitio estático de comercio electrónico con Gatsbyjs
- Para sitios estáticos, no hay excusa para no usar un CDN
- Front-end de comercio electrónico para vue.js, nuxt.js y snipcart
- Construyendo Paul el pulpo
- Jamstack y Netlify: ¿Realmente necesitamos otra palabra de moda?
- El paisaje de inicio de Jamstack
- Cómo construí mi blog usando Gatsby y Netlify
- Guía del desarrollador para el comercio electrónico sin cabeza
- Manejo de formularios estáticos, funciones de autenticación y sin servidor con Gatsby en Netlify
- Jamstack para clientes: beneficios, CMS estático y limitaciones
- Explorar Netlify CMS, un sistema de gestión de contenido basado en React & Git
- JamStack PWA - Vamos a construir una aplicación de votación. con Gatsby.js, Firebase y Styled Components Pt. 1
- Sitios estáticos dinámicos con atajos de Netlify e iOS; Use las funciones de NetLify, un proceso de compilación de Gulp y atajos de iOS para publicar contenido dinámico en su sitio estático
- Gatsby para aplicaciones
- Girando la dinámica estática
- Ir Jamstack con Netlify y Nuxt
- Comenzando con la parrilla
- La guía completa para principiantes para implementar su primer sitio web estático a IPFS
- Una discusión amplia sobre Jamstack y E-Commerce (podcast & Transcript)
- La guía para principiantes para los generadores de sitios estáticos
- 9 opciones de CMS sin cabeza para su sitio de Jamstack
- Informe del estado de Jamstack 2020
- Tutoriales de Jamify: publique blogs rápidos con Gatsby y Ghost
- Estado del informe de CMS Market 2020
- ¿Por qué es el próximo.js mi mejor elección sobre Gatsby, Gridsome y Nuxt?
- Adoptando el JamStack: Creación de sitios web estáticos respaldados por CMS con Vue o React
- Una demostración de fantasmas: cómo ir sin cabeza con fantasma CMS [tutorial]
- Next.JS Tutorial de comercio electrónico: Integración rápida del carrito de compras
- Cómo construir un blog usando react static y cósmico JS
- ¿Cómo construir un blog sin servidor estático de forma gratuita?
- ¿JamStack vs Servidor Sin Apps web -jamstack? Más como Shamstack.
- El alojamiento de archivos estáticos no tiene que ser tan ... estático
- Estático primero: sitios de Jamstack pregenerados con representación sin servidor como alternativa
Libros
- Desarrollo web moderno en el Jamstack - por Mathias Biilmann y Phil Hawksworth (publicado por O'Reilly).
- Hugo en acción
- JumpStart Jamstack Development - por Christopher Pecoraro y Vincenzo Gambino
- Desarrollo web moderno en Jamstack - Nuevas técnicas para sitios ultra rápido y aplicaciones web de Mathias Biilmann y Phil Hawksworth
Licencia
MIT
