awesome astro Download – awesome astro Quellcode herunterladen

awesome astro

Andere Kategorien

1.0.0

Herunterladen

Toller Astro

Kuratierte Ressourcen zum Erstellen von Websites mit Astro , einer brandneuen Methode zum Erstellen statischer und servergerenderter Websites mit Framework-übergreifenden Komponenten, Styling und reaktiver Store-Unterstützung. Wenn Sie den Inhalt schätzen und die Sichtbarkeit von Projekten unterstützen, geben Sie ?| | ?.

Astro ist super neu , verbessert sich und wird ausdrucksvoller und leistungsfähiger, aber nur wenige der APIs entwickeln sich noch weiter. Ziel dieser Seite ist es, alle verfügbaren wertvollen Referenzen zu sammeln und eine nützliche Anlaufstelle zu sein, wenn Astro seine erste stabile Version veröffentlicht.

Offizielle Dokumente | Starten Sie ein neues Projekt oder verwenden Sie Code Sandbox

✍️ Blogs

Suchen Sie in den Beitragstiteln nach NEU , um die Blogs zu finden, die nach Astro 1.0 veröffentlicht wurden

Wir stellen vor: Astro: Ship Less JavaScript – Fred K. Schott
Ein Blick auf das Bauen mit Astro – Chris Coyier
Gedanken zu Astro – Chris Coyier
Unsere Erfahrung mit Astro - Georges
Astro mit Netlify CMS, Forestry CMS (erneut besucht) und Snipcart – Navillus
So verwenden Sie Astro zum Erstellen von React-Apps ohne JavaScript – Colby Fayock
Erstellen Sie unglaublich schnelle Websites mit Astro: Eine Einführung – Cassidy Williams
Ein erster Blick auf Astro, astronomische Ergebnisse
Warum Astro wichtig ist
SvelteKit zu Astro
Erste Schritte mit Astro – dem innovativen statischen Site-Generator
Astro wird Ihr bevorzugter statischer Site-Generator
Erstellen Sie eine Rezeptsammlungs-Website mit Astro – Parts → 1 – 2 – 3 – 4 – 5
Astro: Erstellen Sie schnellere Apps mit weniger JavaScript
Serie – Lernen Sie Astro, während Sie Ink bauen – Get Up & Running
Serie – Lernen Sie Astro beim Aufbau von Ink – Astro und Site-Struktur
Serie – Lernen Sie Astro beim Erstellen von Ink – Astro und Daten
Serie – Lernen Sie Astro, während Sie Ink bauen – Astro und Interaktivität
Serie – Lernen Sie Astro beim Erstellen von Ink – Astro- und dynamischen Seiten
Erste Schritte mit Astro
Migration von SvelteKit zu Astro
Persönliche Website mit Astro, Tailwind CSS und Nx
Astro über Cloudflare-Mitarbeiter
Der Fall um Astro
Entdecken Sie die Vorteile von Astro.js, indem Sie eine schnelle App erstellen . NEU
Experimente mit Astro und der Shared Element Transition API NEU
Erstellen serverloser Anwendungen mit Fauna + GraphQL + Astro NEU
Erfahren Sie, wie Sie Astro mit Tailwind CSS und Flowbite NEU installieren
Automatische Artikelvorschläge in Astro NEU
Lernen Sie Astro, indem Sie Ihr Web-Portfolio erstellen (Spanisch) NEU
Animierte SVGs – Das ultimative Webformat NEU
Eine Einführung in das Inhaltssystem von Astro NEU

? Videos/Screencasts/Twitch

Astro ist gerade gestartet... Könnte es das ultimative Web-Framework sein?
Brad Traversys Astro-Crashkurs
Was ist neu in Astro v1?
Ich probiere Astro zum ersten Mal aus!
Astro und Svelte
Moderne Websites mit CSS Cascade Layers und Astro
Die nächste Welle von Web-Frameworks ist BYOJS
Nehmen Sie Astro mit auf eine Reise – Portfolio-Ausgabe

Vor 1.0

Weniger JavaScript versenden mit Astro – Fredd K. Schott & Jason Lengstorf
Speakeasy JS – Astro: Eine neue Architektur für das moderne Web – Fred K. Schott (YouTube – Speakeasy JS)
Astro in 100 Sekunden – Jeff Delaney (Fireship)
Geplapper über Astro – Chris Coyier (CSS-Tricks)
Astro FTW! Vue und React können in derselben App zusammenarbeiten – Jamstack Fridays
Astro lernen mit Nate Moore – Nate Moore (YouTube – Mittwochs reagieren)
Versenden Sie weniger JS mit Astro - Jamstack Training
Erstellen Sie Vorlagenlayouts für Ihr HTML mit Astro SSG – Kevin Powell
Erstellen Sie schnellere Websites mit Astro
Fügen Sie Kommentare mit Airtable und Netlify hinzu
Wachsen Sie die Community durch Open Source | Fred K. Schott von Astro| Die geheime Soße

? Verdichtete Gedankenstücke (Twitter-Threads)

Georges über Astro als Meta-Web-Framework
Nate Moore über die Einführung des Inkrementellen Frameworks, die Unterstützung von Solid.js und eine Zukunft ohne import React from 'react' für Komponenten.
Matthew Phillips über Astro für Webkomponenten, beleuchtete und vom Server gerenderte benutzerdefinierte Elemente
Matthew Phillips über Astro Loading
Nate Moore über die Baseline-JS-Bundle-Größe
Erstellen Sie in 30 Sekunden eine Landingpage
Clientseitiges Routing-Erlebnis mit der Shared Element Transitions API

Repositories/Starterkits/Komponenten

Astro-React-Vue-Demo
Astro-Netlify-Starter
Astro Ink – Klares, minimalistisches, persönliches Blog-Theme für Astro
Astro Me – Klares, minimalistisches, persönliches Portfolio-Thema für Astro
Astro-Starter-Kit
Astrostatischer Tweet
Beispiel für eine Astro-Übersetzung
Astro Ghost CMS Starter – Ein Ghost CMS Starter für Astro
Astro-Theme – Creek – Ein Blog-Theme für Astro
Astro-Theme – Odessey – Ein mit Astro erstelltes und sorgfältig gestaltetes Marketing-Website-Theme für Startups und Unternehmen
Astro-Theme – Sarissa Blog – Ein responsives Blog-Theme für Astro
Astro-Theme – Cactus – Einfacher, eigenwilliger Starter, erstellt mit dem Astro-Framework für Blogs oder Websites
Astro-Theme – AstroWind – Startvorlage zum Erstellen einer Website mit Astro und Tailwind CSS.
Astro-Theme – Bigspring Light Astro – Astro-Business-Theme mit Astro und Tailwind CSS.
Astro TAP Stack – Opinionated Astro Starter Kit (Typescript & Tailwind + Astro + Prisma & Planet Scale)
Astro Deno Starter
Astro + Supabase + Vercel
Astro + Snipcart
Astro-MFE-Demo – Zeigt, wie man ein Microfrontend auf Astro einrichtet.
Refo – Ein Beispiel für eine statische Website und einen Lebenslauf mit gestalteten Komponenten.
Astro Blog Starter mit Netlify CMS – Vorlage basierend auf dem Astro Blog Starter Kit + Astro Netlify CMS-Integration.
Catonaut – Browser-Erweiterungsvorlage mit Astro und Bun.
Astro Saas – SaaS-Website-Vorlage, erstellt mit Astro und Tailwind CSS.
AstroMax – Brutalistische Landingpage-Vorlage, erstellt mit Astro und Tailwind CSS.
SwissFolio – Eine Landingpage-Vorlage im Schweizer Stil für den persönlichen Gebrauch, erstellt mit Astro und Tailwind CSS.
Minimal Studio – Eine minimale Landingpage-Vorlage für Agenturen, Studios oder Freiberufler, erstellt mit Astro und Tailwind CSS.
Gurido Eine supercoole, verspielte und moderne Landingpage-Vorlage für Agenturen, Studios oder Freiberufler, erstellt mit Astro und Tailwind CSS.
MicroBlog – Eine elegante Blog-Website-Vorlage, die mit Astro, Tailwind CSS und MDX erstellt wurde.
Quick Store – Eine minimalistische Landingpage mit dunklem Design zum Verkauf digitaler Produkte.

Astro-Pakete/Bibliotheken

Astro SEO – Bessere SEO mit Astro
Astro-Stylesheet-Komponente – Abstrahieren Sie die Monotonie des Hinzufügens von Stylesheets zu jedem Astro-Projekt
Astro Command – Statisches Rendern von Befehlen und Erstellen von Komponenten in jeder Sprache
Astro Pandoc – Pandoc-Rendering für Astro
Astro SPA – Die SPA-Bibliothek für Astro, die Ihre Website in eine Single-Page-Anwendung verwandelt
Astro Icon – Einfache Icon-Komponente für Astro
Astro ImageTools – Bildoptimierungstools für das Astro JS-Framework
Zugängliche Astro-Komponenten
Astro Eleven-Bild
Astro-Formulare – Formulare in Astro leicht gemacht
Astro Auto-Import – Automatischer Import von Komponenten in Astro-Projekten
Astro Collection – Eine Sammlung von Astro-Komponenten und -Konfigurationen
Astro Link – Erkennt externe / Anker- / gleiche Domänen- / E-Mail- / Telefon-HREFs und wendet entsprechende Optimierungen an
Sarissa-Paginierung – Fügen Sie Seitenzahlschaltflächen für die Paginierung hinzu. Zahlen automatisch als aktuelle Seitenzahl hinzufügen und deaktivieren.
Astro Google Fonts Optimizer – Eine Astro-Integration zur Optimierung der Ladeleistung von Google Fonts
Astro SEO Meta – Astro-Komponente zum Hinzufügen von Tags, die für die Suchmaschinenoptimierung (SEO) relevant sind, zu Ihren Seiten.
Astro Heroicons - Heroicons als Astro-Komponenten
Astroad – Ein vorkonfiguriertes Setup für die einfache Website-Entwicklung mit Astro und Payload CMS unter Verwendung von Docker.
Astro Social Share – Social-Media-Share-Buttons für Ihre Astro-Site
Astro Gist – Astro-Komponente zum einfachen Hinzufügen von GitHub-Gists zu Ihrem Blog
Astro Breadcrumbs – Gut konfigurierbare Breadcrumb-Komponente für Astro. Erstellen Sie Breadcrumbs völlig dynamisch oder legen Sie genau fest, wie sie aussehen sollen.

Astro-Integrationen

Astro Content – Ein textbasierter, strukturierter Content-Manager zur Ausgabe und Nutzung – AstroJS-Integration
@storyblok/astro – Astro-Modul für Storyblok, Headless CMS
@unocss/astro – Die UnoCSS-Integration für Astro
@yeskunall/umami – Fügen Sie Umami Analytics zu Ihrer Website hinzu
Google Font Optimizer – Eine Astro-Integration zur Optimierung der Ladeleistung von Google Fonts
Astro Firebase – Stellen Sie Ihre serverseitig gerenderte (SSR) Astro-App in Firebase bereit
Astro Font Picker – Eine Dev-Toolbar-Integration, mit der Sie verschiedene Schriftarten auf Ihrer Website ausprobieren können
ParaglideJS – Eine kleine, typsichere i18n-Integration, die nur auf Inseln verwendete Nachrichten an den Client sendet.