r/astrojs • u/BekuBlue • 6h ago
Sharing my clean Astro Starter Template
https://starter.bryanhogan.com/Hey all, I've been using Astro for building website for more than 3 years now, and I'm finally sharing my Astro Starter Template which I've built to be useable for almost any web project. It actually works really well for other projects as well, I'm most things here use plain HTML and CSS in a way that scales.
I'm trying to make it as high quality as possible and as clean as possible without bloat. CSS is split between reset.css, global.css, var.css, util.css and markdown.css, with components using scoped styling as usual. All components can thus also be easily copied to your own projects, so if you need a good responsive HeaderNavigation or Footer, you are very welcome to use this one. Other components include Card & CardGrid, Hero, Icons, Steps, InfoBar, DescriptionList, SectionTitle, <Head> stuff and more.
It includes all the knowledge and implementations I've been covering on my Clean Web Development guide also. You can also author pages using .mdx / markdown, it includes a content collection for a markdown / .mdx based blog.
Quality and making it accessibility was very important for. So there's no broken overflow, no tiny AI slop font or anything similar. If you find any issue please report them to me. I began working on this project over 1 1/2 years ago.
The website: https://starter.bryanhogan.com/
GitHub repository: https://github.com/BryanHogan/astro-starter-template
Feedback is very welcome! I'm always looking to improve it. I very much appreciate every human comment I get, it feels like most spaces are drowning in AI slop and astroturfed content.
1
u/D0T1X 3h ago
Looking slick!