Blogs
Features for a Professional Looking News Website

Features for a Professional Looking News Website

April 22, 2025
See Astro 101 Docs ↗
  1. https://github.com/oxygenna-themes/foxi-astro-theme/

MIT | Foxi is an Astro theme crafted with Tailwind CSS, designed for blazing-fast performance and seamless user experience. Perfect for creating modern, responsive SaaS websites with minimal effort.

If you are new to SSGs, have a look to:

Astro 101 HUGO 101
  1. https://github.com/Mrahmani71/astro-news

MIT | A news website built with Astro

What I like about Astro News Theme 📌
  • Post are writen with .mdx
  • Search working in prod
npm install astro-pagefind pagefind
  • Image optimizations to .webp
  • OpenGraph images working when sharing the web (and also considering the post images)
  • Icons: https://lucide.dev/

MIT | Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

  • RSS Feed and sitemap!
  • Very modular implementation of which posts goes where thanks to isBigHeadline and isSmallHeadline
  • Base path is present at index.ts

What could be better?

  • The header could follow the users when its scrolling

This one is fantastic for blogging/news!

Definitely worth to have a look at it, maybe even enhance it with a photo gallery or a subscription / book selling page.

  1. https://github.com/danielcgilibert/blog-template
What I like about Astro Blog-Template / OpenBlog Theme 📌
  • Post are writen with .mdx
  • Search working in prod
  • Cool post index that follows you when in a PC (not at a phone)

What could be better?

  • The header could follow the users when its scrolling

GPL 3.0 | 📚 Openblog is an elegant, simple, and user-friendly blog. Focused on accessibility, SEO and performance.

For a more personal site, id have a look to: https://github.com/saicaca/fuwari

Directory Astro Themes

Very useful to create app directories:

  1. https://github.com/lukenguyen-me/astro-template-directory-website

Unlicensed | Astro template for a directory website in minimal theme, with reactjs + tailwind + shadcn

What I like about Astro Template Directory Theme 📌
  • Search working in prod and also in Dev! Using lucide-react:
npm install lucide-react
  1. https://github.com/NewDesignFile/template-directory

Unlicensed | A directory theme for Astro.

  1. https://github.com/mickasmt/next-mobbin-clone

MIT | Replicate the design of mobbin.com to test the news components of shadcn-ui. #builtinpublic

Conclusions

What if your news/blog are working?

Maybe writing and selling a book?

This theme could be interesting - https://github.com/candidosales/landing-page-book-astro-svelte-tailwind

Using AI to write better code. Code assistants.