astro theme stone

Stone: thème Astro

Stone est un thème Astro gratuit et open-source spécialement conçu pour les sites Web commerciaux, marketing, SaaS et Startup.

Caractéristiques clés:

• Construit avec Tailwind CSS & Alpine.js
• Plus de 5 pages
• 15+ sections
• Design propre et moderne
• Pleinement réactif
• Mode sombre et clair
• Fast & Performant
• Super léger
• Voir les transitions (expérimentales)
• Formateur de code plus joli
• Fontes Google
• Icônes de remix
• Mises à jour gratuites

Commencer

Exigences

• Connaissance de base d'Astro, HTML et CSS.
• Éditeur de texte (nous recommandons le code Visual Studio)
• Node.js 18 ou plus.

Installer des dépendances

Accédez à votre dossier de projet et installez ses dépendances:

 npm install

Commencer

Une fois l'installation terminée, vous pouvez maintenant exécuter votre application:

 npm run dev

Cela exécute l'application en mode développement. Ouvrez http: // localhost: 3000 pour le voir dans le navigateur.

Construire

 npm run build

Cela construit l'application pour la production dans le dossier ./dist/ .

Structure du projet

À l'intérieur du projet, vous verrez les dossiers et fichiers suivants:

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

• public/* - Tous les actifs statiques (images, polices, icônes, ...)
• src/* - Code source du projet (composants, pages, ...)
• src/components/* - Composants Astro réutilisables utilisés pour construire des pages.
• src/layouts/* - Composants Astro qui définissent la structure d'interface utilisateur partagée par une ou plusieurs pages.
• src/pages/* - Composants Astro utilisés pour créer de nouvelles pages sur votre site. Chaque page est exposée comme une route en fonction de son nom de fichier.
• .prettierrc - Fichier de configuration plus joli.
• astro.config.mjs - fichier de configuration Astro.
• package.json - Fichier utilisé par JavaScript Package Managers pour gérer vos dépendances. Il définit également les scripts couramment utilisés pour exécuter Astro.
• tailwind.config.cjs - Fichier de configuration de Tailwind. La section de thème est l'endroit où vous définissez votre palette de couleurs et vos polices.
• tsconfig.json - Fichier de configuration TypeScript.

Déploiement

Prêt à construire et à déployer votre site? Suivez la documentation officielle.

Soutien

Si vous avez des questions ou des suggestions, n'hésitez pas à me contacter.

Licence

Ce projet est concédé sous licence de la licence du MIT.