• OpenGraph & Twitter Meta Tags
• Sitemap Generation
• Markdown & MDX
• Tailwind & PostCSS
• Prism code highlighting (using nordtheme)
• Dark mode (prefers-color-scheme & localStorage)
• Custom typography styles (override tailwindcss typography)
• Pagination of blog feed
• Blog post slug is generated from date & title
• Blog posts url format: /YYYY/MM/DD/TITLE
• Site config src/config.ts
• Syndication Feed Generation (atom)
• OpenGraph Image
• Hero Image Optimization

• Site Title
• Site Description
• Menu Items
• Site Author
• Author Social Media
• Posts Per Page
• Recent Posts

Setting menu items creates links in Header & Footer components

Setting social media within author sets links in Header & Footer components

• ESLint
• Prettier

Based on Astro Starter Kit: Blog template

npm create astro@latest -- --template blog