astro theme stone

Pedra: Tema Astro

Stone é um tema Astro de código aberto e gratuito, especialmente projetado para sites de negócios, marketing, saas e startups.

Principais recursos:

• Construído com o Tailwind CSS & Alpine.js
• 5+ páginas
• 15+ seções
• Design limpo e moderno
• Totalmente responsivo
• Modo escuro e claro
• Velozes e Performant
• Super leve
• Visualizar transições (experimental)
• Formatador de código mais bonito
• Google Fontes
• Ícones de remix
• Atualizações grátis

Começando

Requisitos

• Conhecimento básico de Astro, HTML e CSS.
• Editor de texto (recomendamos o código do Visual Studio)
• Node.js 18 ou superior.

Instalar dependências

Navegue até a pasta do projeto e instale suas dependências:

 npm install

Começar

Depois que a instalação estiver concluída, agora você pode executar seu aplicativo:

 npm run dev

Isso executa o aplicativo no modo de desenvolvimento. Abra http: // localhost: 3000 para visualizá -lo no navegador.

Construir

 npm run build

Isso constrói o aplicativo para produção para a pasta ./dist/ .

Estrutura do projeto

Dentro do projeto, você verá as seguintes pastas e arquivos:

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

• public/* - Qualquer ativo estático (imagens, fontes, ícones, ...)
• src/* - código -fonte do projeto (componentes, páginas, ...)
• src/components/* - componentes astro reutilizáveis ​​usados ​​para criar páginas.
• src/layouts/* - componentes astro que definem a estrutura da interface do usuário compartilhada por uma ou mais páginas.
• src/pages/* - Componentes Astro usados ​​para criar novas páginas em seu site. Cada página é exposta como uma rota com base no nome do arquivo.
• .prettierrc - arquivo de configuração mais bonito.
• astro.config.mjs - Arquivo de configuração Astro.
• package.json - Arquivo usado pelos gerentes de pacotes JavaScript para gerenciar suas dependências. Ele também define os scripts que são comumente usados ​​para executar o Astro.
• tailwind.config.cjs - Arquivo de configuração do Tailwind. A seção do tema é onde você define sua paleta de cores e fontes.
• tsconfig.json - Arquivo de configuração do TypeScript.

Implantação

Pronto para construir e implantar seu site? Siga a documentação oficial.

Apoiar

Se você tiver alguma dúvida ou sugestão, não hesite em entrar em contato comigo.

Licença

Este projeto está licenciado nos termos da licença do MIT.