Astro Boilerplate

Astro Boilerplate

Template information

Free

Astro is a boilerplate responsive blog and portfolio template using TypeScript and React styled with Tailwind CSS.

Github Info
0 open issues
54 stars
1 watching
9 forks
FEATURES
Free & open-source
Developer friendly
Minimal code
Responsive design
Production ready
Dark mode

About the template

Astro boilerplate is a starter template for a blog or portfolio based on Astro and Tailwind CSS 3.  It prioritizes developer experience and is built  with the following technologies: TypeScript + ESLint + Prettier + Husky + Lint-Staged + Commitlint + VSCode.

Features

A complete Blog feature:

  • 🎈 Syntax Highlighting
  • 🤖 SEO friendly with sitemap.xml and robots.txt
  • ⚙️ RSS feed
  • 📖 Pagination
  • 🌈 Include a dark blog theme
  • ⬇️ Markdown
  • 📦 Image lazy loading
  • 💎 Responsive design

Developer experience first:


  • 🔥 Astro
  • 🎨 Tailwind CSS with aspect ratio and typography plugin
  • 🎉 TypeScript
  • ✏️ ESLint compatible with .astro files
  • 🛠 Prettier compatible with .astro files
  • 🦊 Husky
  • 🚫 lint-staged
  • 🚨 Commitlint
  • 🔧 One-click deploy on Netlify (or, manual if you prefer)

ESLint with:


  • Airbnb styled guide
  • TypeScript compatible
  • Astro compatible
  • Automatically remove unused imports
  • Import sorting
  • Tailwind CSS plugin

Philosophy

  • Minimal code
  • SEO-friendly
  • 🚀 Production-ready

Requirements

  • Node.js and npm

Contributions

Everyone is welcome to contribute to this project. Feel free to open an issue if you have a question or find a bug.

License

Licensed under the MIT License, Copyright © 2022

Get notified when we add new designs.

Twice a month I share the best Tailwind templates, UI kits and components in my newsletter. 525 Tailwind hackers find it useful. I'd love you to join.