Construa um site rápido e moderno usando astro !!
Receitas:
astro
inicializar novo
animar
documentação: https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
demonstração: https://astroboyweb.netlify.app/
página inicial: https://astroman.vercel.app/
vídeo: https://www.youtube.com/watch?v=PjAUuI21ko4
Que novidade ??
Tela inicial
Animação completa inclui
git clone https://github.com/mesinkasir/astroweb.git
? Astronauta experiente? Exclua este arquivo. Divirta-se!
Características:
✅ Configuração otimizada para SEO com URLs canônicos e dados OpenGraph
✅ Suporte total a Markdown
✅ Geração RSS 2.0
✅ Geração Sitemap.xml
Dentro do seu projeto Astro, você verá as seguintes pastas e arquivos:
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
O Astro procura arquivos .astro
ou .md
no diretório src/pages/
. Cada página é exposta como uma rota com base no nome do arquivo.
Não há nada de especial sobre src/components/
, mas é onde gostamos de colocar quaisquer componentes Astro/React/Vue/Svelte/Preact.
Quaisquer ativos estáticos, como imagens, podem ser colocados no diretório public/
.
Todos os comandos são executados na raiz do projeto, em um terminal:
Comando | Ação |
---|---|
npm install | Instala dependências |
npm run dev | Inicia o servidor de desenvolvimento local em localhost:3000 |
npm run build | Crie seu site de produção para ./dist/ |
npm run preview | Visualize seu build localmente, antes de implantar |
Sinta-se à vontade para verificar nossa documentação ou acessar nosso servidor Discord.