awesome astro Download - awesome astro

awesome astro

Outras categorias

1.0.0

Baixar

Astro incrível

Recursos selecionados para construção de sites com Astro , uma maneira totalmente nova de construir sites estáticos e renderizados em servidor, com componentes de estrutura cruzada, estilo e suporte de loja reativa. Se você aprecia o conteúdo, apoia a visibilidade dos projetos, dê ?| | ?.

Astro é super novo , está melhorando e se tornando mais expressivo e poderoso, mas poucas APIs ainda estão evoluindo. Esta página pretende coletar todas as referências valiosas que existem e ser um recurso útil quando o astro atingir sua primeira versão estável.

Documentos Oficiais | Inicie um novo projeto ou use Code Sandbox

✍️Blogs

Procure NOVO nos títulos das postagens para encontrar os blogs publicados após o Astro 1.0

Apresentando Astro: Envie Menos JavaScript - Fred K. Schott
Uma olhada na construção com Astro - Chris Coyier
Reflexões sobre Astro - Chris Coyier
Nossa experiência com Astro - Georges
Astro com Netlify CMS, Forestry CMS (revisitado) e Snipcart - Navillus
Como usar o Astro para construir aplicativos React sem JavaScript - Colby Fayock
Crie sites incrivelmente rápidos com Astro: Uma introdução - Cassidy Williams
Uma primeira olhada no Astro, resultados astronômicos
Por que Astro é importante
SvelteKit para Astro
Primeiros passos com Astro - o inovador gerador de sites estáticos
Astro se tornará seu gerador de sites estáticos favorito
Crie um site de coleção de receitas com Astro - Peças → 1 - 2 - 3 - 4 - 5
Astro: crie aplicativos mais rápidos com menos JavaScript
Série - Aprenda Astro enquanto constrói o Ink - Get Up & Running
Série - Aprenda Astro enquanto constrói Ink - Astro e Estrutura do Site
Série - Aprenda Astro enquanto constrói Ink - Astro e Dados
Série - Aprenda Astro enquanto constrói Ink - Astro e Interatividade
Série - Aprenda Astro enquanto constrói Ink - Astro e Dynamic Pages
Introdução ao Astro
Migrando do SvelteKit para o Astro
Site pessoal com Astro, Tailwind CSS e Nx
Astro sobre trabalhadores da Cloudflare
O caso do Astro
Explore os benefícios do Astro.js criando um aplicativo rápido NOVO
Experimentos com Astro e a API Shared Element Transition NOVO
Construindo aplicativos sem servidor com Fauna + GraphQL + Astro NOVO
Aprenda como instalar o Astro com Tailwind CSS e Flowbite NOVO
Sugestões automáticas de artigos no Astro NOVO
Aprenda Astro criando seu portfólio na web (espanhol) NOVO
SVGs animados - o melhor formato da Web NOVO
Uma introdução ao sistema de conteúdo do Astro NOVO

? Vídeos/transmissões de tela/Twitch

Astro acaba de ser lançado.... Poderia ser o framework web definitivo?
Curso intensivo de Astro de Brad Traversy
O que há de novo no Astro v1?
Eu experimento o Astro pela primeira vez!
Astro e Svelte
Sites modernos com CSS Cascade Layers e Astro
A próxima onda de frameworks da Web é BYOJS
Levando o Astro para passear - edição de portfólio

Pré 1.0

Envie menos JavaScript com Astro - Fredd K. Schott e Jason Lengstorf
Speakeasy JS – Astro: Uma Nova Arquitetura para a Web Moderna - Fred K. Schott (YouTube - Speakeasy JS)
Astro em 100 segundos - Jeff Delaney (Fireship)
Yapping About Astro - Chris Coyier (truques de CSS)
Astro FTW! Vue e React podem trabalhar juntos no mesmo aplicativo – Jamstack Fridays
Aprendendo Astro com Nate Moore - Nate Moore (YouTube - React Wednesdays)
Envie menos JS com Astro - Treinamento Jamstack
Crie layouts de modelo para seu HTML com Astro SSG - Kevin Powell
Crie sites mais rápidos com Astro
Adicione comentários com Airtable e Netlify
Aumente a comunidade por meio de código aberto | Fred K. Schott do Astro | O molho secreto

? Reflexões condensadas (tópicos do Twitter)

Georges on Astro como uma estrutura meta web
Nate Moore sobre a adoção do Incremental Framework, suporte ao Solid.js e um futuro sem import React from 'react' para componentes.
Matthew Phillips no Astro for Web Components, elementos personalizados iluminados e renderizados em servidor
Matthew Phillips no Astro Carregando
Nate Moore sobre o tamanho básico do pacote JS
Crie uma landing page em 30 segundos
Experiência de roteamento do lado do cliente com API Shared Element Transitions

Repositórios/Kits iniciais/Componentes

Demonstração Astro-react-vue
Astro-netlify-starter
Astro Ink - Tema de blog pessoal nítido e minimalista para Astro
Astro Me - Tema de portfólio pessoal nítido e minimalista para Astro
Kit inicial astro
Tweet Astro Estático
Exemplo de tradução astrológica
Astro Ghost CMS Starter - Um iniciador Ghost CMS para Astro
Astro Theme - Creek - Um tema de blog para Astro
Tema Astro - Odessey - Um tema de site de marketing criado com Astro e cuidadosamente elaborado para startups e empresas
Astro Theme - Sarissa Blog - Um tema de blog responsivo para Astro
Tema Astro - Cactus - Iniciante simples e opinativo construído com a estrutura Astro para blog ou site
Astro Theme - AstroWind - Iniciado modelo para fazer um site usando Astro e Tailwind CSS.
Tema Astro - Bigspring Light Astro - tema Astro Business usando Astro e Tailwind CSS.
Astro TAP Stack - Kit inicial de astro opinativo (escala Typescript e Tailwind + Astro + Prisma e Planet)
Astro Deno Starter
Astro + Supabase + Vercel
Astro + Snipcart
Astro-MFE-Demo – Mostrando como configurar um microfrontend rodando no Astro.
Refo - Um site estático e exemplo de currículo com componentes estilizados.
Astro Blog Starter com Netlify CMS - Modelo baseado no Astro blog starter kit + integração Astro Netlify CMS.
Catonaut - modelo de extensão de navegador usando Astro e Bun.
Astro Saas - modelo de site SaaS construído com Astro e Tailwind CSS.
AstroMax - Tempalte de landing page brutalista construído com Astro e Tailwind CSS.
SwissFolio - Um modelo de página de destino em estilo suíço para uso pessoal criado com Astro e Tailwind CSS.
Minimal Studio – Um modelo de landing page mínimo para agências, estúdios ou freelancers construído com Astro e Tailwind CSS.
Gurido Um modelo de landing page super legal, lúdico e moderno para agências, estúdios ou freelancers construído com Astro e Tailwind CSS.
MicroBlog – Um elegante modelo de site de blog criado com Astro, Tailwind CSS e MDX.
Quick Store - Uma página de destino com tema escuro mínimo para vender produtos digitais.

Pacotes/Bibliotecas Astro

Astro SEO - Melhor SEO com Astro
Componente Astro Stylesheet - Abstraia a monotonia de adicionar folhas de estilo a qualquer projeto Astro
Astro Command - renderize comandos estaticamente e construa componentes em qualquer linguagem
Astro Pandoc - Renderização Pandoc para Astro
Astro SPA - A biblioteca SPA do Astro que transformará seu site em um aplicativo de página única
Astro Icon - Componente de ícone simples para Astro
Astro ImageTools - Ferramentas de otimização de imagem para a estrutura Astro JS
Componentes Astro acessíveis
Imagem do Astro Eleventy
Astro Forms - Formulários no Astro facilitados
Astro Auto-import - Importação automática de componentes em projetos Astro
Coleção Astro - Uma coleção de componentes e configurações do Astro
Astro Link - Detecta href externo/âncora/mesmo domínio/correio/telefone e aplica otimizações de acordo
Paginação Sarissa - Adicione botões de número de página para paginação. Adicione e desative números automaticamente como número da página atual.
Astro Google Fonts Optimizer – Uma integração Astro para otimizar o desempenho de carregamento do Google Fonts
Astro SEO Meta - Componente Astro para adicionar tags relevantes para otimização de mecanismos de pesquisa (SEO) às suas páginas.
Astro Heroicons - Heroicons como componentes Astro
Astroad - Uma configuração pré-configurada para fácil desenvolvimento de sites com Astro e Payload CMS usando Docker.
Astro Social Share - Botões de compartilhamento de mídia social para seu site Astro
Astro Gist - componente Astro para adicionar facilmente gists do GitHub ao seu blog
Astro Breadcrumbs - Componente breadcrumb bem configurável para Astro. Crie trilhas de navegação de forma totalmente dinâmica ou especifique exatamente como elas devem ser.

Integrações Astro

Astro Content - Um gerenciador de conteúdo estruturado e baseado em texto, para edição e consumo - Integração AstroJS
@storyblok/astro - Módulo Astro para o Storyblok, Headless CMS
@unocss/astro - A integração UnoCSS para Astro
@yeskunall/umami - Adicione Umami Analytics ao seu site
Google Font Optimizer – Uma integração Astro para otimizar o desempenho de carregamento do Google Fonts
Astro Firebase – Implante seu aplicativo Astro renderizado no lado do servidor (SSR) no Firebase
Astro Font Picker – Uma integração da barra de ferramentas de desenvolvimento que permite experimentar diferentes fontes em seu site
ParaglideJS - Uma integração i18n minúscula e segura que envia apenas mensagens usadas em ilhas para o cliente.