A collection of Astro templates. (mostly for personal use)

• 🚀 Latest version of Astro
• ✅ ESLint and Prettier ready
• 🌐 Tunnels ready
• 🌎 Internationalization ready (i18n)
• ⚡ Performance focus
• 🛡️ Security focus
• ⚙️ SEO focus
• 🖼️ Image processing
• ✨ SVG icons support
• 🪄 Cross-document view transitions (Reference)
• 💅 Tailwind support
• 📱 Progressive Web App support
• ⚛ Integration with React

Astro allows the use of official or customized starter templates. To use this collection of templates you can follow this syntax in the terminal:

With NPM:

npm create astro@latest -- --template <github-username>/<github-repo>/<folder>

With PNPM:

pnpm create astro@latest --template <github-username>/<github-repo>/<folder>

Using base template with NPM:

npm create astro@latest -- --template felixicaza/astro-templates/base

Using base template with PNPM:

pnpm create astro@latest --template felixicaza/astro-templates/base

• base: Template with basic integrations, extra configurations for Astro, SEO schema powered by astro-seo-schema, SVG icons support powered by astro-iconify, Subresource Integrity support with @kindspells/astro-shield integration and Tunnels to improve development enviroment powered by astro-tunnel.
• base-img: Same as base template but with astro-imagetools integration for image processing.
• i18n: Same as base template but with @astrolicious/i18n integration for internationalization support (i18n).
• pwa: This template extends the base template, with the necessary configurations for Progressive Web Apps (PWA) support powered by @vite-pwa/astro.
• pwa-img: Same as pwa but with astro-imagetools integration for image processing.
• react: Template with the necessary configurations for island support with React.
• react-img: Same as the react template, but with support for image processing.
• react-pwa: Support for islands with React and Progressive Web Apps (PWA).
• react-pwa-img: Same as the react-pwa template, but with support for image processing.

Made with ❤️ by Felix Icaza.