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
Astro Boilerplate with TypeScript and Tailwind CSS
Clone this project and use it to create your own Astro blog. You can check a Astro templates demo.
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
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
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
Getting started
Run theβ¦
Top comments (0)