Impresionante jamstack
Esta lista está inspirada en la impresionante lista y las impresionantes listas de escritura técnica
Consejo
JamStack es una arquitectura de desarrollo web moderna basada en JavaScript del lado del cliente, API reutilizables y marcado previamente construido. El Jamstack no se trata de tecnologías específicas. Es una nueva forma de crear sitios web y aplicaciones que ofrecen un mejor rendimiento, un mayor seguridad, un menor costo de escala y una mejor experiencia de desarrollador.
Tabla de contenido
- Recursos oficiales
- Comunidad
- Herramientas útiles
- Artículos
- Mazos de altavoces
- Libros
- Videos
- Ejemplos
Recursos oficiales
- Sitio web oficial
- Radio Jamstack
- Jamstack Boilerplates
- Blog de Netlify
- ¿Qué es el Jamstack?
- ¿Por qué el Jamstack?
- ¿Cómo empiezo?
- Las mejores prácticas de Jamstack
- Recursos de Jamstack
Comunidad
- Comunidad de Jamstack
- Jamstack Discord Community
- Jamstack conf
- Jamstack conf en Twitter
- Jamstack_dev en Reddit
- Jamstack en LinkedIn
- Github
- YouTube
Herramientas útiles
- StaticGen: una lista de generadores de sitios estáticos para sitios de Jamstack
- CMS sin cabeza: una lista de sistemas de gestión de contenido para sitios de Jamstack
- Netlify: todo lo que necesita para construir sitios web rápidos y modernos desde el desarrollo local hasta la implementación global.
- Statickit: alojamiento de formulario para sitios de Jamstack
- ZEIT: la forma más fácil de implementar sitios web
- Disqus - Servicio de alojamiento de comentarios de blog para sus sitios de Jamstack
- Formularios NetLify: administre formularios y envíos sin ningún código del lado del servidor o JavaScript.
- Stackbit: cree un sitio JamStack conectado a CMS implementado para Netlify en minutos.
- JamStackThemes.dev: una lista de temas para los sitios de JamStack para los generadores de sitios estáticos más populares.
- JamStack CMS - Jamstack CMS le brinda la capacidad de implementar un sitio web sin servidor de pila en solo unos minutos.
- Capa de comercio: plataforma de comercio sin cabeza y sistema de gestión de pedidos que le permite agregar capacidades de compra global a cualquier sitio web, aplicación móvil, chatbot o dispositivo IoT, con facilidad.
- PLASMIC: una poderosa herramienta de diseño para construir sus componentes React y sitios web de Jamstack visualmente.
- SNIPCART - CARTO DE COMPRACIÓN Simplemente puede agregar a cualquiera de sus sitios web favoritos.
Artículos
- Presentación de Jamstack: The Modern Web Architecture
- JamStack Fundaments: qué, qué y cómo
- ¿Qué es Jamstack y por qué deberías probarlo?
- Sitios web estáticos + JamStack = <3
- Cómo construir un sitio web de Jamstack
- API útiles para saber al construir una aplicación Jamstack
- Go estático: 5 razones para probar Jamstack en su próximo proyecto
- JamStack para clientes: en beneficios y CMS de sitio estático
- Un CMS listo para Jamstack
- Construyendo sitios reaccionados de jamStack con GraphQL en Postgres
- Renderización isomórfica en el Jamstack
- Gestión dinámica de productos en un flujo de trabajo de comercio electrónico estático
- Seguro y escalable: una introducción a Jamstack
- ¿Nuevo en Jamstack? Todo lo que necesitas saber para empezar
- Cero a http/2 con AWS y Hugo
- Comenzando con Hugo e implementándose para netlify
- ¿Qué es el Jamstack?
- Un CMS listo para Jamstack
- JamStack Conceptos básicos: cómo crear un inicio de Gatsby con contenido e implementar para netlify
- La promesa de Jamstack
- Representación del lado del servidor JamStack vs Isomorphic
- ¿Nuevo en Jamstack? Cómo hacer un sitio de A a Z
- De WordPress a Jamstack: Cómo hacer que su sitio web sea 10 veces más rápido
- Jamstack: El que, el por qué y el cómo
- Adoptando el JamStack: Creación de sitios web estáticos respaldados por CMS con Vue o React
- 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
- 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 aplicaciones web sin servidor sin servidor
- Jamstack? Más como Shamstack.
- El alojamiento de archivos estáticos no tiene que ser tan ... estático
- Soluciones modernas de alojamiento e implementación de Jamstack
- Estático primero: sitios de Jamstack pregenerados con representación sin servidor como alternativa
- Oye, creemos una aplicación de calendario funcional con Jamstack
- ¿Qué es Jamstack?
- Construyendo un blog de Jamstack: Gatsby y Buttercms en Netlify
- Dando sentido a Jamstack y una arquitectura sin servidor
- Ecosistema Jamstack
Mazos de altavoces
- Rise of the Jamstack
- Aprovechando el poder del Jamstack con un CMS sin cabeza
- Presentación de Jamstack: de lo que hablamos cuando hablamos de herramientas web modernas
- The Jamstack en 2019: por qué (y cómo) comenzar
- Desglosar las mejores prácticas para Jamstack
- ¿Tu aplicación Jamstack es realmente Jamstack?
- React and the Jamstack - Reactathon Fundaments 2018
- La dulzura del Jamstack
- Hoja de trucos de Jamstack
- Desarrollando con WordPress, la forma Jamstack
- Talk Lightning - Jamstack
- Nueva presentación de almuerzo de pila
- The Jamstack - Smashing Conf Friburg 2017
- ¿Qué es el Jamstack?
Libros
- Desarrollo web moderno en Jamstack - Nuevas técnicas para sitios ultra rápido y aplicaciones web de Mathias Biilmann y Phil Hawksworth
Videos
- Cursos de video gratuitos y educativos sobre varios proyectos y tecnologías de Jamstack
- Rise of the Jamstack - Mathias Biillman
- El surgimiento del Jamstack CMS - Matt Biilmann
- La nueva pila de front-end. JavaScript, API y Markup - Mathias Biillman
- Frontend para una pila sin servidor - Brian Douglas
- El estado de la nación Jamstack - Sarah Drasner
- Renderización isomórfica fácil en el Jamstack - Phil Hawksworth
- Animaciones web de performance: Emily Hayman
- ¿Por qué tipos estáticos en JavaScript? - Preethi Kasireddy
- Un paisaje web moderno: Matt Biilmann, Frances Berriman y Wilson Miner
- Necesitas una API: ¿Ahora qué? - Erin McKean
- Uso de ELM para prototipo y crea aplicaciones web - David Calavera
- GraphQL: El modelo mental - Dhaivat Pandya
- JWT FTW WTF? - Matt Biilmann
- Jammin 'con Markdown - David Wells
- Jamstack para clientes - Brian Douglas
- ¿Qué es el Jamstack?
- Tutorial de JamStack - Sitio completo con Netlify y Hugo
- Jamstack entrando en video
- Cómo hablamos de Jamstack - Matt Biilmann
- El poderoso desarrollador de front -end - Chris Coyier
- Cómo Freecodecamp sirve a millones de alumnos usando el Jamstack
- Mi experiencia honesta de principio a fin con el Jamstack ... umm??
- Jam Stack: The New Kid on the Block - JS Monthly - Marzo de 2019
- Cree sitios web modernos de Jamstack en minutos - Ben Edwards
- ¿Qué es el Jamstack? - Phil Hawksworth
- Curso de JamStack: cree sitios web que sean más simples, más rápidos y más seguros
Ejemplos
- Derrickreimer.com - Un sitio de Jamstack construyendo con Jekyll e implementado en Netlify. (fuente)
- Ecommerce-netlify.netlify.com: un sitio de comercio electrónico Jamstack construido con funciones nuxt y netlify. (fuente)
- BolajiayodeJi.com: un sitio de Jamstack construido con NextJS e implementado en Firebase. (fuente)
Que contribuye
¿Encontró un recurso increíble, artículo, blog, video, mazo de altavoces, etc.? Envíeme una solicitud de extracción y siga las pautas de los contribuyentes.
Colaboradores
Gracias a estas maravillosas personas (Key Emoji):
Bolaji ayodeji ? ? | Derrick Reimer ? | Ivan Bila
| Brian Rinaldi
| Derek Coleman
| Tamas Piros
| Génesis Gabiola
|
Peter Thaleikis
| Cookieduster
| Ludovic Armand
| Dani
|
Mira mi blog, boletín o saluda en Twitter.
Licencia
Awesome Jamstack © 2019 por Bolaji Ayodeji tiene licencia bajo la licencia Internacional de Attribución Comunes de Commons-Sharealike 4.0.