Awesome-Jamstack-Ressourcen
Dies ist eine kuratierte Liste von Tools mit dem Jamstack: einer modernen Webentwicklungsarchitektur zum Erstellen schneller, sicherer und dynamischer Websites.
Möchten Sie mit einigen Tools / Ressourcen beitragen? Eindrucksvoll! Bitte lesen Sie die Beitragsrichtlinien, bevor Sie dazu beitragen.
Inhaltstabelle
- Offizielle Ressourcenseite
- Jamstack Sites Showcase
- Plattformen
- Statische Site -Generatoren
- CMS
- API
- Authentifizierung
- Kommentare
- Formen
- E-Commerce
- Suchen
- Datenbank
- Serverlos
- Videos
- Tutorials / Artikel
- Bücher
offiziell
- Jamstack
- Jamstack -Ressourcen - Videos und Artikel über Jamstack.
- Jamstack Radio
- Jamstack -Kesselplatten
- Netlify Blog
- Was ist der Jamstack?
- Warum der Jamstack?
- Wie fange ich an?
Jamstack Sites Showcase
- Mein Portfolio - basiert auf Gatsby und gehostet auf Netlify.
- React - gebaut auf Gatsby.
- SOPOOSH.APP - Hostet auf Netlify, zeigt erweiterte Funktionen aus einer modernen Webanwendung.
- Hopper - gebaut auf Gatsby und veranstaltet auf Netlify.
- VSCODE Power User Course - PWA basiert auf Gatsby und gehostet auf Netlify.
- CloudyCam - PWA basiert auf Next.js und hostet auf zeit Now V2 Serverless Platform.
- Creative Designs Guru - gebaut auf elf.
Plattformen
- Netlify-All-in-One-Plattform zur Automatisierung moderner Webprojekte.
- Vercel-All-in-One Serverless Platform für moderne Web-Apps mit konfigurierten Tools und Workflows.
Statische Site -Generatoren
- GATSBY - Blazing -Fast -statischer Site -Generator für React.
- Weiter.JS - Leichtes Framework für statische und servergerenderte Anwendungen.
- Hugo - Hugo ist ein statischer Site -Generator, der in Go geschrieben wurde.
- Jekyll - Jekyll ist ein einfacher, bloggener, statischer Site -Generator, der sich perfekt für persönliche, Projekt- oder Organisationsstandorte eignet.
- Hexo - Ein schneller, einfacher und leistungsstarker Blog -Framework, der von Node.js.
- GRIDSOME-Vue-angetriebenes statisches Site-Generator zum Erstellen von CDN-fähigen Websites für beliebige CMS, APIs oder Markdown-Dateien.
- Nuxt.js-vielseitiges vue-basiertes Framework für serverseitige, statische und herkömmliche einseitige Anwendungen.
- ELEGENTY - Ein einfacherer statischer Site -Generator, der verschiedene Vorlagendateien in HTML verwandelt.
- NIFT - Ein plattformübergreifender Open -Source -Website -Generator, der in C ++ entwickelt wurde und schnell und extrem leistungsfähig ist.
CMS
- Cosmic - Headloses CMS mit REST- und GRAF- und GRAFQL -API -Optionen.
- Kentico Kontent - ein wolkengebetes kopfloses CMS, das skaliert.
- Inhaltsvoll - Inhaltsinfrastruktur für digitale Teams.
- NetlifyCMS - Open Source Git -basierte CMS.
- Buttercs - Headless CMS und Content API.
- Graphcms - Das graphQL -kopflosen CMS.
- Prismic - Headless API CMS für Entwickler und Vermarkter.
- Siteleaf - ein freundliches CMS für Ihre statische Seite.
- DATOCMS - Das API -basierte CMS, das Ihre Redakteure lieben werden.
- Prosa - Prosa ist ein Content -Editor für GitHub, der für die Verwaltung von Websites entwickelt wurde.
- Tipe - API -First CMS der nächsten Generation.
- Forstwirtschaft - Kopfloses CMS für Standorte, die mit statischen Site -Generatoren gebaut wurden.
- HeadlessCMS - Eine Liste von Content -Management -Systemen für Jamstack -Websites.
- Ghost - Ein kopfloses CMS für Online -Veröffentlichungen
- CRARTI - Die Open Source Headless CMS Front -End -Entwickler lieben.
API
Authentifizierung
- Auth0 - Einzelzeichen auf und tokenbasierte Authentifizierung.
- Netlify Identity - bringt eine vollständige Suite von Authentifizierungsfunktionen mit, die von der Gotrue -API unterstützt werden.
- Jexia UMS - REST -API -Benutzerverwaltungssystem für Ihr Webside mit Identy Provider mit JWT + zusätzliche Funktionalität.
Kommentare
- DISQUS - Globales Kommentarsystem, das die Diskussion auf Websites verbessert und Gespräche im gesamten Web verbindet.
- Facebook -Kommentare - Mit dem Kommentar -Plugin können die Leute den Inhalt Ihrer Website mit ihrem Facebook -Konto kommentieren.
- Äußerungen - Ein leichtes Kommentar -Widget, das auf Github -Problemen basiert. Verwenden Sie GitHub -Probleme für Blog -Kommentare, Wiki -Seiten und mehr.
Formen
- Formcake - Ein für Entwickler erstellter Form -Backend: Zapier -Integrationen, Nullabhängigkeiten, eine einfache API und unbegrenzte Formen.
- GetForm - Formular Backend -Plattform für Designer und Entwickler. Richten Sie Ihre Formendpunkte für Ihre statische Site innerhalb von Minuten ein und erweitern Sie Ihre Daten mit Unterstützung von Zapier -Integration und Webhooks.
- Netlify -Formulare - Integrierte Formulierung zur Bauzeit durch Analyse von HTML -Dateien direkt zur Bereitstellung.
- ARENGU - Erstellen Sie Anmelde- und Anmeldeformulare mit ARENGU, aktivieren Sie die soziale Anmeldung, fügen Sie 2FA hinzu oder verwenden Sie passwortlose Flows, um Benutzer mit Ihrer API oder Ihrem Identitätsanbieter zu authentifizieren.
E-Commerce
- Snipcart - eine leistungsstarke Einkaufswagenplattform für Entwickler.
- Moltin - E -Commerce -API für Entwickler.
- Trolley - Ein Einkaufswagen für den Jamstack.
- Shopify - Shopify Headless E -Commerce -Lösung.
- Commerce.js - API -erste E -Commerce -Plattform für Entwickler.
Suchen
- Algolie - die zuverlässigste Plattform zum Aufbau von Suche in Ihrem Unternehmen.
- Lunr - Suche einfach gemacht (an Frontend).
Datenbank
- GraphQL - Abfragesprache für APIs und eine Laufzeit zur Erfüllung dieser Abfragen mit Ihren vorhandenen Daten.
- GraphCool-Open-Source- und Selbst gehostete Backend-as-a-Service, um serverlose GraphQL-Backends zu entwickeln.
- Faunadb-Relationale NoSQL-Datenbank mit Verknüpfungen, Indizes und Multi-Regions-Säure-Transaktionen in der Wolke oder vor Ort.
Dateiverwaltung
- Jexia Fileset - REST -API -Dateimanager für Ihre Anwendung mit Indexierung und zusätzlichen Funktionen.
Serverlos
- Netlify -Funktionen - Mit Netlify können Sie Lambda -Funktionen ohne AWS -Konto bereitstellen und mit Funktionsverwaltung direkt innerhalb von Netlify behandelt.
- Amazon Lambda - Mit Server können Sie Code ohne Bereitstellung oder Verwaltung von Servern ausführen.
- Microsoft Azure
- Azure -Funktionen - Serverloser Berechnungsergleis, mit dem Sie Code on -Demand ausführen können, ohne die Infrastruktur explizit vorlegen oder verwalten zu müssen.
- Azure Logic Apps - vereinfacht das Erstellen automatisierter skalierbarer Workflows, die Apps und Daten in Cloud -Diensten und lokalen Systemen integrieren.
- Google Cloud
- App Engine - Serverlose Anwendung, die die Infrastruktur vollständig abtrkt, sodass Sie sich nur auf Code konzentrieren.
- Cloud -Funktionen - serverlose Umgebung zum Erstellen und Verbinden von Cloud -Diensten.
- Cloud -Datenspeicher - Hochgefällige NoSQL -Datenbank mit automatischer Sharding und Replikation.
- Cloud -Speicher - Geo -redundantes Objektspeicher für hohe QPS -Anforderungen.
- Cloud Pub/Sub-Geo-redundantes Echtzeit-Nachrichten für alle Nachrichtengrößen und Geschwindigkeiten.
- Apigee - Enterprise -API -Management für Multi -Cloud -Umgebungen.
- Endpunkte - API -Management -Apps, die auf Google Cloud erstellt werden.
- Cloud DataFlow - Serverloser Stream- und Stapeldatenverarbeitungsdienst.
- BigQuery - Serverless Data Warehousing -Dienste, mit denen Sie erweiterte Cloud Data -Warehousing -Lösungen für Ihr Unternehmen bereitstellen können.
- Cloud ML Engine - Serverlose maschinelle Lerndienste, die automatisch auf benutzerdefinierten Google -Hardware (Tensor -Verarbeitungseinheiten) skaliert werden.
- Serverless - Toolkit zum Bereitstellen und Betrieb serverloser Architekturen.
- Cloudinary - Serverless Media (Images/Videos) Management -Plattform. Bietet SDKs in jeder beliebten Sprach- und Medien -Widgets für JamStack, um die Verwaltung von Medien, CDN, Speicher, Transformationen und mehr einfach zu verwalten.
- IMGIX - serverloser Bild- und Verwaltungsdienst. IMGIX stellt eine Verbindung zu dem Ort her, an dem Ihre Bilder gespeichert werden (z. B. S3, GCS, Webordner) und Ihre Bilder mit einfachen und robusten URL -Parametern transformiert, optimiert und intelligent liefert.
- Elasticalable - Backend als Service -Lösung, die auf AWS basiert, die es vermisst, um die Erfolgsrate von Online -Unternehmen zu erhöhen.
Eine vollständigere Liste finden Sie unter Awesome Serverless.
Videos
- Der neue Front-End-Stack. JavaScript, APIs und Markup - Matt Biilmann.
- Aufstieg des Jamstack - Mathias Biillman.
- Jamstack: Dummer Name, ernsthafte Sachen - Phil Hawksworth.
- GIT-basierte oder api-gesteuerte CMS-Chris Macrae.
- Jamstack Tutorial - Vollständige Website mit Netlify & Hugo - freecodecamp.org.
- Gatsby JS Crashkurs - Travery Media.
- Wie wir hierher gekommen sind und die Zukunft des Web - Kyle Mathews.
- Gespräche von all den Jamstack -Konferenzen - Jamstack Conf.
- Wie ich React, Vue und Knoten verwendet habe, um eine einzelne Jamstack -App zu erstellen - Ahmad Awais.
- React vs Vue, Gatsby gegen Gridsome - Erstellen Sie dieselbe Website - Ondrej Polesny.
- WTF ist Jamstack? - Ondrej Polesny.
Tutorials / Artikel
- 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
- Geister auf dem Jamstack
- Erstellen eines Kontaktformulars in Gatsby mit GetForm
- Erste Schritte mit Gatsby und Cockpit - Teil 1 von 2
- Erstellen einer statischen E-Commerce-Site mit Gatsbyjs
- Für statische Websites gibt es keine Entschuldigung, keine CDN zu verwenden
- E-Commerce Front-End für Vue.js, Nuxt.js und Snipcart
- Bauen Sie Paul den Tintenfisch auf
- Jamstack und Netlify: Benötigen wir wirklich ein anderes Schlagwort?
- Die Jamstack -Start -up -Landschaft
- Wie ich mein Blog mit Gatsby und Netlify erstellt habe
- Entwicklerleitfaden für kopflosen E-Commerce
- Umgang mit statischen Formen, Auth & Serverlosen Funktionen mit Gatsby on Netlify
- Jamstack für Kunden: Leistungen, statische Site CMS und Einschränkungen
- Erforschung von Netlify CMS, einem React & Git-basierten Content-Management-System
- JAMSTACK PWA - Lassen Sie uns eine Umfrage -App erstellen. mit Gatsby.js, Firebase und Styled-Komponenten pt. 1
- Dynamische statische Stellen mit Netlify- und iOS -Verknüpfungen; Verwenden Sie Netlify -Funktionen, einen Gulp -Build -Prozess und iOS -Verknüpfungen, um dynamische Inhalte auf Ihrer statischen Site zu veröffentlichen
- Gatsby für Apps
- Die statische Dynamik drehen
- Jamstack mit Netlify und Nuxt gehen
- Erste Schritte mit Gridsome
- Die vollständige Anleitung für Anfänger zur Bereitstellung Ihrer ersten statischen Website für IPFS
- Eine breite Diskussion über Jamstack & E-Commerce (Podcast & Transcript)
- Der Anfängerleitfaden zu statischen Site -Generatoren
- 9 kopflose CMS -Optionen für Ihre Jamstack -Site
- Bericht des Bundesstaates Jamstack 2020
- JAMIFY Tutorials - Veröffentlichen Sie mit Gatsby und Ghost die Flacking Fast Blogs
- Zustand des Kopfloses CMS -Markt 2020 -Bericht
- Warum wird nächstes meine ultimative Wahl über Gatsby, Gridsome und Nuxt?
- Übernahme des Jamstack: Erstellen von CMS-unterstützten statischen Websites mit Vue oder React
- 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
- Statisch zuerst: Vorgenerierte Jamstack-Websites mit serverlosen Rendering als Fallback
Bücher
- Moderne Webentwicklung auf dem Jamstack - von Mathias Biilmann & Phil Hawksworth (veröffentlicht von O'Reilly).
- Hugo in Aktion
- Jumpstart Jamstack -Entwicklung - von Christopher Pecoraro und Vincenzo Gambino
- Moderne Webentwicklung auf dem Jamstack - Neue Techniken für ultra -schnelle Websites und Webanwendungen von Mathias Biilmann & Phil Hawksworth
Lizenz
MIT