Check out the Demo, hosted on Vercel
- ASTRO + Typescript - Astro is the all-in-one web framework designed for speed.
- Tailwind CSS + Tailwind-Merge + clsx - Tailwind CSS is a utility-first CSS framework.
- Tabler Icons - A open source SVG icons.
- ✅ Minimal styling
- ✅ Mobile responsive
- ✅ 100/100 Lighthouse performance
- ✅ SEO-friendly with canonical URLs and OpenGraph data
- ✅ Sitemap support
- ✅ RSS Feed support
- ✅ Markdown & MDX support
- ✅ Syntax highlighting
- ✅ Image optimization
- ✅ Table of contents
- ✅ Dark mode
- ✅ Reading Time
- ✅ Pagefind static search library integration
- ✅ Related posts
- ✅ Share posts (Linkedin, twitter)
- ❌ Copy code block
Recommended extensions for VSCode:
- Clone or fork the repository:
git@github.com:danielcgilibert/blog-template.git- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev├── public/
├── src/
│ ├── assets/
│ ├── components/
│ ├── content/
│ ├── layouts/
│ ├── data/
│ ├── utils/
│ ├── styles/
│ └── pages/
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json