awesome astro Télécharger - awesome astro Téléchargement du code source

awesome astro

Autres catégories

1.0.0

Télécharger

Astro génial

Ressources organisées sur la création de sites avec Astro , une toute nouvelle façon de créer des sites statiques et rendus par un serveur, avec des composants multi-framework, un style et une prise en charge réactive du magasin. Si vous appréciez le contenu, soutenez la visibilité des projets, donnez ?| | ?.

Astro est super nouveau , s'améliore et devient plus expressif et puissant, mais peu d'API évoluent encore. Cette page aspire à rassembler toutes les références précieuses disponibles et à être une ressource utile lorsque Astro sortira dans sa première version stable.

Documents officiels | Lancez un nouveau projet ou utilisez Code Sandbox

✍️ Blogues

Recherchez NOUVEAU parmi les titres des articles pour trouver les blogs publiés après Astro 1.0

Présentation d'Astro : expédier moins de JavaScript - Fred K. Schott
Un regard sur la construction avec Astro - Chris Coyier
Réflexions sur Astro - Chris Coyier
Notre expérience avec Astro - Georges
Astro avec Netlify CMS, Forestry CMS (revisité) et Snipcart - Navillus
Comment utiliser Astro pour créer des applications React sans JavaScript - Colby Fayock
Créez des sites ultra rapides avec Astro : une introduction - Cassidy Williams
Un premier regard sur Astro, des résultats astronomiques
Pourquoi Astro est important
SvelteKit vers Astro
Premiers pas avec Astro – Le générateur de sites statiques innovant
Astro deviendra votre générateur de sites statiques préféré
Créer un site Web de collection de recettes avec Astro - Parts → 1 - 2 - 3 - 4 - 5
Astro : créez des applications plus rapides avec moins de JavaScript
Série - Apprenez Astro tout en créant Ink - Soyez opérationnel
Série - Apprenez Astro tout en créant Ink - Astro et structure du site
Série - Apprenez Astro tout en créant Ink - Astro and Data
Série - Apprenez Astro tout en construisant Ink - Astro et Interactivité
Série - Apprenez Astro tout en créant Ink - Astro et Dynamic Pages
Débuter avec Astro
Migration de SvelteKit vers Astro
Site Web personnel avec Astro, Tailwind CSS et Nx
Astro sur les travailleurs Cloudflare
Le cas d'Astro
Explorez les avantages d'Astro.js en créant une application rapide NOUVEAU
Expériences avec Astro et l'API de transition d'éléments partagés NOUVEAU
Créer des applications sans serveur avec Fauna + GraphQL + Astro NOUVEAU
Apprenez à installer Astro avec Tailwind CSS et Flowbite NOUVEAU
Suggestions automatiques d’articles dans Astro NOUVEAU
Apprenez Astro en créant votre portfolio Web (espagnol) NOUVEAU
SVG animés - Le format Web ultime NOUVEAU
Une introduction au système de contenu d'Astro NOUVEAU

? Vidéos/Screencasts/Twitch

Astro vient d'être lancé... Pourrait-il être le framework Web ultime ?
Cours accéléré d'Astro de Brad Traversy
Quoi de neuf dans Astro v1 ?
J'essaie Astro pour la première fois !
Astro et Svelte
Sites Web modernes avec CSS Cascade Layers et Astro
La prochaine vague de frameworks Web est BYOJS
Emmener Astro faire un tour - édition portfolio

Pré 1.0

Expédiez moins de JavaScript avec Astro - Fredd K. Schott et Jason Lengstorf
Speakeasy JS – Astro : une nouvelle architecture pour le Web moderne - Fred K. Schott (YouTube - Speakeasy JS)
Astro en 100 secondes - Jeff Delaney (Fireship)
Yapping About Astro - Chris Coyier (astuces CSS)
Astro FTW ! Vue et React peuvent fonctionner ensemble dans la même application - Jamstack Fridays
Apprendre Astro avec Nate Moore - Nate Moore (YouTube - React Wednesdays)
Expédiez moins de JS avec Astro - Jamstack Training
Créez des mises en page de modèles pour votre HTML avec Astro SSG - Kevin Powell
Créez des sites Web plus rapides avec Astro
Ajouter des commentaires avec Airtable et Netlify
Développez la communauté grâce à l'Open Source | Fred K. Schott d'Astro| La sauce secrète

? Réflexions condensées (fils Twitter)

Georges sur Astro comme framework méta web
Nate Moore sur l'adoption du framework incrémental, la prise en charge de Solid.js et un avenir sans import React from 'react' pour les composants.
Matthew Phillips sur Astro pour les composants Web, éléments personnalisés éclairés et rendus par le serveur
Matthew Phillips sur Astro Chargement
Nate Moore sur la taille de base du bundle JS
Créez une page de destination en 30 secondes
Expérience de routage côté client avec l'API Shared Element Transitions

Dépôts/Kits de démarrage/Composants

Démo Astro-react-vue
Astro-netlify-starter
Astro Ink - Thème de blog net, minimal et personnel pour Astro
Astro Me - Thème de portfolio clair, minimal et personnel pour Astro
Kit de démarrage Astro
Tweet Astro Statique
Exemple de traduction Astro
Astro Ghost CMS Starter - Un démarreur Ghost CMS pour Astro
Thème Astro - Creek - Un thème de blog pour Astro
Astro Theme - Odessey - Un thème de site Web marketing construit avec Astro et soigneusement conçu pour les startups et les entreprises
Astro Theme - Sarissa Blog - Un thème de blog réactif pour Astro
Thème Astro - Cactus - Démarreur simple et avisé construit avec le framework Astro pour blog ou site Web
Thème Astro - AstroWind - Modèle démarré pour créer un site Web en utilisant Astro et Tailwind CSS.
Thème Astro - Bigspring Light Astro - Thème Astro Business utilisant Astro et Tailwind CSS.
Astro TAP Stack - Kit de démarrage astro avisé (Typescript & Tailwind + Astro + Prisma & Planet scale)
Démarreur Astro Deno
Astro + Supabase + Vercel
Astro + Snipcart
Astro-MFE-Demo - Présentant comment configurer une microfrontend fonctionnant sur Astro.
Refo - Un site statique et un exemple de CV avec des composants stylisés.
Astro Blog Starter avec Netlify CMS - Modèle basé sur le kit de démarrage de blog Astro + intégration Astro Netlify CMS.
Catonaut - Modèle d'extension de navigateur utilisant Astro et Bun.
Astro Saas - Modèle de site Web SaaS construit avec Astro et Tailwind CSS.
AstroMax - Modèle de page de destination brutaliste construit avec Astro et Tailwind CSS.
SwissFolio - Un modèle de page de destination de style suisse pour un usage personnel, construit avec Astro et Tailwind CSS.
Minimal Studio - Un modèle de page de destination minimal pour les agences, les studios ou les indépendants, construit avec Astro et Tailwind CSS.
Gurido Un modèle de page de destination super cool, ludique et moderne pour les agences, studios ou indépendants, construit avec Astro et Tailwind CSS.
MicroBlog - Un modèle de site Web de blog élégant construit avec Astro, Tailwind CSS et MDX.
Quick Store – Une page de destination minimale sur le thème sombre pour vendre des produits numériques.

Forfaits/Bibliothèques Astro

Astro SEO – Un meilleur référencement avec Astro
Composant Astro Stylesheet - Résumez la monotonie de l'ajout de feuilles de style à n'importe quel projet Astro
Astro Command - Rendu statique des commandes et création de composants dans n'importe quelle langue
Astro Pandoc - Rendu Pandoc pour Astro
Astro SPA - La bibliothèque SPA pour Astro qui transformera votre site Web en une application à page unique
Astro Icon - Composant d'icône simple pour Astro
Astro ImageTools - Outils d'optimisation d'image pour le framework Astro JS
Composants Astro accessibles
Image Astro Onze
Astro Forms - Les formulaires dans Astro rendus faciles
Astro Auto-import - Importer automatiquement des composants dans les projets Astro
Astro Collection - Une collection de composants et de configurations Astro
Astro Link - Détecte les href externes/ancres/même domaine/mail/téléphone et applique les optimisations en conséquence
Sarissa Pagination - Ajoutez des boutons de numéro de page pour la pagination. Ajoutez et désactivez automatiquement les numéros comme numéro de page actuel.
Astro Google Fonts Optimizer - Une intégration Astro pour optimiser les performances de chargement de Google Fonts
Astro SEO Meta - Composant Astro pour ajouter des balises pertinentes pour l'optimisation des moteurs de recherche (SEO) à vos pages.
Astro Heroicons - Heroicons comme composants Astro
Astroad - Une configuration préconfigurée pour un développement facile de sites Web avec Astro et Payload CMS à l'aide de Docker.
Astro Social Share - Boutons de partage sur les réseaux sociaux pour votre site Astro
Astro Gist - Composant Astro pour ajouter facilement des informations GitHub à votre blog
Astro Breadcrumbs - Composant de fil d'Ariane bien configurable pour Astro. Créez des fils d'Ariane de manière entièrement dynamique ou spécifiez exactement à quoi ils doivent ressembler.

Intégrations Astro

Astro Content - Un gestionnaire de contenu structuré et basé sur du texte, pour l'édition et la consommation — Intégration AstroJS
@storyblok/astro - Module Astro pour le Storyblok, Headless CMS
@unocss/astro - L'intégration UnoCSS pour Astro
@yeskunall/umami - Ajoutez Umami Analytics à votre site Web
Google Font Optimizer - Une intégration Astro pour optimiser les performances de chargement de Google Fonts
Astro Firebase - Déployez votre application Astro de rendu côté serveur (SSR) sur Firebase
Astro Font Picker - Une intégration de barre d'outils de développement qui vous permet d'essayer différentes polices sur votre site Web
ParaglideJS - Une petite intégration i18n de type sécurisé qui envoie uniquement au client les messages utilisés sur les îles.