Super Jamstack
Diese Liste ist inspiriert von der fantastischen Liste und der fantastischen technischen Listen
Tipp
JamStack ist eine moderne Webentwicklungsarchitektur, die auf clientseitigen JavaScript, wiederverwendbaren APIs und dem vorgebauten Markup basiert. Bei dem Jamstack geht es nicht um bestimmte Technologien. Es ist eine neue Art, Websites und Apps zu erstellen, die eine bessere Leistung, höhere Sicherheit, niedrigere Skalierungskosten und ein besseres Entwicklererlebnis bieten.
Inhaltsverzeichnis
- Offizielle Ressourcen
- Gemeinschaft
- Nützliche Werkzeuge
- Artikel
- Sprecherdecks
- Bücher
- Videos
- Beispiele
Offizielle Ressourcen
- Offizielle Website
- Jamstack Radio
- Jamstack -Kesselplatten
- Netlify Blog
- Was ist der Jamstack?
- Warum der Jamstack?
- Wie fange ich an?
- Jamstack Best Practices
- Jamstack -Ressourcen
Gemeinschaft
- Jamstack Community
- Jamstack Discord Community
- Jamstack Conf
- Jamstack Conf auf Twitter
- JAMSTACK_DEV bei Reddit
- Jamstack bei LinkedIn
- Github
- YouTube
Nützliche Werkzeuge
- Staticgen - Eine Liste statischer Site -Generatoren für Jamstack -Websites
- Kopfloses CMS - Eine Liste von Content -Management -Systemen für Jamstack -Websites
- Netlify - Alles, was Sie benötigen, um schnelle, moderne Websites von der lokalen Entwicklung bis zur globalen Bereitstellung zu erstellen.
- Statickit - Formular Hosting für Jamstack -Websites
- Zeit - der einfachste Weg, Websites bereitzustellen
- Disqus - Blog -Kommentar -Hosting -Service für Ihre Jamstack -Websites
- Netlify -Formulare - Verwalten Sie Formulare und Einreichungen ohne serverseitigen Code oder JavaScript.
- STACKBIT - Erstellen Sie eine CMS -vernetzte Jamstack -Website, die in wenigen Minuten für Netlify bereitgestellt wird.
- JAMSTACKTHEMES.DEV - Eine Liste von Themen für Jamstack -Websites für die beliebtesten statischen Site -Generatoren.
- JamStack CMS - JamStack CMS bietet Ihnen die Möglichkeit, in wenigen Minuten eine vollständige Stack -Serverless -Website bereitzustellen.
- Commerce Layer - Headless Commerce Platform und Order Management -System, mit dem Sie jeder Website, mobilen App, Chatbot oder IoT -Gerät mühelos globale Einkaufsfunktionen hinzufügen können.
- Plasmic - leistungsfähiges Design -Tool zum Erstellen Ihrer React -Komponenten und Jamstack -Websites visuell.
- SNIPCART - Einkaufswagen Sie können einfach einen Ihrer bevorzugten Website -Stack hinzufügen.
Artikel
- Einführung von Jamstack: Die moderne Webarchitektur
- Jamstack -Grundlagen: Was, was und wie
- Was ist Jamstack und warum Sie es versuchen sollten?
- Statische Websites + Jamstack = <3
- So erstellen Sie eine Jamstack -Website
- Nützliche APIs, um beim Erstellen einer Jamstack -App zu wissen
- Gehen Sie statisch: 5 Gründe, Jamstack bei Ihrem nächsten Projekt auszuprobieren
- JAMSTACK FÜR DEN Kunden: Über Nutzen und statische Site CMS
- Ein Jamstack-fähiges CMS
- Erstellen von Jamstack-React-statischen Standorten mit GraphQL auf Postgres
- Isomorphes Rendering auf dem Jamstack
- Dynamisches Produktmanagement in einem statischen E-Commerce-Workflow
- Sicher und skalierbar: Eine Einführung in Jamstack
- Neu bei Jamstack? Alles, was Sie wissen müssen, um loszulegen, um loszulegen
- Null zu HTTP/2 mit AWS und Hugo
- Erste Schritte mit Hugo und Bereitstellung für Netlify
- Was ist der Jamstack?
- Ein Jamstack-fähiges CMS
- Jamstack -Grundlagen: So erstellen Sie einen Gatsby -Starter mit intentlicher und bereitgestellt für Netlify
- Das Versprechen von Jamstack
- Jamstack gegen isomorphe Server -Seite Rendering
- Neu bei Jamstack? Wie man eine Seite von a bis z erstellt
- Von WordPress bis JamStack: Wie Sie Ihre Website 10x schneller machen können
- Jamstack: das was, das Warum und das Wie
- Übernahme des Jamstack: Erstellen von CMS-unterstützten statischen Websites mit Vue oder React
- Erstellen Sie einen persönlichen Blog von Jamstack mit Headless Ghost 2.0 CMS & Gatsby
- So erstellen Sie eine Jamstack -Website mit Vue.js, Nuxt.js und Cosmic JS
- Eine Ghost -Demo: Wie man mit dem Ghost CMS [Tutorial] kopflos geht [Tutorial]
- NEXT.JS E-COMERCE Tutorial: Schnelle Einkaufswagen-Integration
- So erstellen Sie ein Blog mit React Static und Cosmic JS
- Wie erstelle ich kostenlos ein statisches, serverloses Blog?
- JamStack vs Serverless Web Apps
- Jamstack? Eher wie Shamstack.
- Statische Datei -Hosting muss nicht so… statisch sein
- Moderne Jamstack -Hosting- und Bereitstellungslösungen
- Statisch zuerst: Vorgenerierte Jamstack-Websites mit serverlosen Rendering als Fallback
- Hey, erstellen wir eine funktionale Kalender -App mit dem Jamstack
- Was ist Jamstack
- Erstellen eines Jamstack -Blogs: Gatsby und Buttercms on Netlify
- Sinn für Jamstack & Serverless Architecture
- Jamstack -Ökosystem
Sprecherdecks
- Aufstieg des Jamstacks
- Nutzung der Kraft des Jamstacks mit einem kopflosen CMS
- Einführung von Jamstack - Worüber wir sprechen, wenn wir über moderne Web -Tools sprechen
- Der Jamstack im Jahr 2019: Warum (und wie) loslegen
- Best Practices für Jamstack abbauen
- Ist Ihre Jamstack -App wirklich Jamstack?
- React und The Jamstack - Reactathon Fundamentals 2018
- Die Süße des Jamstacks
- Jamstack -Cheatsblatt
- Entwicklung mit WordPress, The Jamstack Way
- Blitzgespräch - Jamstack
- Neue Stack Lunch -Präsentation
- The Jamstack - Smashing Conf Freiburg 2017
- Was zum Teufel?
Bücher
- Moderne Webentwicklung auf dem Jamstack - Neue Techniken für ultra -schnelle Websites und Webanwendungen von Mathias Biilmann & Phil Hawksworth
Videos
- Kostenlose, Bildungsvideokurse über verschiedene Jamstack -Projekte und -Technologien
- Aufstieg des Jamstack - Mathias Biillman
- Der Aufstieg des Jamstack CMS - Matt Biilmann
- Der neue Front-End-Stack. JavaScript, APIs und Markup - Mathias Biillman
- Frontend für einen serverlosen Stack - Brian Douglas
- Der Zustand der Jamstack Nation - Sarah Drasner
- Einfache isomorphe Renderung auf dem Jamstack - Phil Hawksworth
- Performantische Webanimationen - Emily Hayman
- Warum statische Typen in JavaScript? - Preethi Kaireddy
- Eine moderne Weblandschaft - Matt Biilmann, Frances Berriman und Wilson Miner
- Sie brauchen eine API: Was nun? - Erin McKean
- Verwenden von ELM zum Prototypen und Erstellen von Webanwendungen - David Calavera
- GraphQL: Das mentale Modell - Dhaivat Pandya
- JWT ftw WTF? - Matt Biilmann
- Jammin 'mit Markdown - David Wells
- Jamstack für Kunden - Brian Douglas
- Was ist der Jamstack?
- Jamstack Tutorial - Vollständige Website mit Netlify & Hugo
- Jamstack Erste Schritte Video
- Wie wir über den Jamstack - Matt Biilmann - sprechen
- Der alle leistungsstarke Frontendentwickler - Chris Coyier
- Wie Freecodecamp Millionen von Lernenden mit dem Jamstack serviert
- Meine ehrliche Erfahrung von Anfang bis Ende mit dem Jamstack ... ähm!?
- Jam Stack: Das neue Kind auf dem Block - JS Monthly - März 2019
- Erstellen Sie moderne Jamstack -Websites in Minuten - Ben Edwards
- Was ist der Jamstack? - Phil Hawksworth
- Jamstack -Kurs - Erstellen Sie Websites, die einfacher, schneller und sicherer sind
Beispiele
- DerrickRimer.com - Ein Jamstack -Site -Build mit Jekyll und auf Netlify bereitgestellt. (Quelle)
- E -Commerce -Netlify.netlify.com - Eine Jamstack -E -Commerce -Site, die mit Nuxt- und Netlify -Funktionen erstellt wurde. (Quelle)
- bolajiyodeji.com - eine Jamstack -Website, die mit NextJs erstellt und auf FireBase eingesetzt wird. (Quelle)
Beitragen
Fand eine großartige Ressource, einen Artikel, einen Blog, eine Video, eine Sprecherindeck usw.? Bitte senden Sie mir eine Pull -Anfrage und befolgen Sie die Richtlinien für Mitwirkende.
Mitwirkende
Vielen Dank an diese wunderbaren Menschen (Emoji -Schlüssel):
Bolaji Ayodeji ? ? | Derrick Reimer ? | Ivan Bila
| Brian Rinaldi
| Derek Coleman
| Tamas Piros
| Genesis Gabiola
|
Peter Thaleikis
| Cookieduster
| Ludovic Armand
| Dani
|
Schauen Sie sich meinen Blog, Newsletter oder sagen Sie auf Twitter.
Lizenz
Awesome JamStack © 2019 von Bolaji Ayodeji ist unter der Kreative Commons Attribution-Sharealike 4.0 International Lizenz lizenziert.