A Free and Open Source Responsive Template for Portfolio and Blog built with Astro.js and React styled with Tailwind CSS. Here is a screenshot:
Here is the screenvideo:
Or, you play around a live demo at: Astro boilerplate Live demo
The source code is hosted on GitHub at Astro Boilerplate GitHub. The project is built from scratch and recently released. So, every GitHub β counts!
The project includes everything you need for your blog with:
- Sitemap.xml
- Feed RSS
- Robots.txt
- Pagination
- Typography
- Syntax highlighting for code
- Markdown
- Image lazy load
- Newsletter component
ixartz
/
Astro-boilerplate
π Astro boilerplate with responsive blog and portfolio template using TypeScript and React styled with Tailwind CSS β‘οΈ Made with developer experience first: TypeScript + ESLint + Prettier + Husky + Lint-Staged + Commitlint + VSCode
π Astro Boilerplate is starter code for your blog or portfolio based on Astro with Tailwind CSS 3.0. β‘οΈ Made with Astro, TypeScript, ESLint, Prettier Tailwind CSS.
Clone this project and use it to create your own Astro blog. You can check the Astro templates demo.
Sponsors
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β¦
Top comments (0)