Astrofy is a powerful, free, and open-source template designed for creating personal portfolio websites with ease. Built using the modern web framework Astro and styled with TailwindCSS, it offers a comprehensive solution for developers and creatives to showcase their work and presence online.
Key features include:
- Integrated Sections: Comes with pre-built sections for a blog, CV, project portfolio, and even a store, allowing for diverse content presentation.
- RSS Feed: Automatically generates an RSS feed to keep your audience updated with your latest blog posts.
- Modern Tech Stack: Leverages Astro for fast, content-focused sites, TailwindCSS for utility-first styling, and DaisyUI for beautiful, ready-to-use UI components.
- Easy Installation & Development: Get started quickly with
pnpm installandpnpm run devto launch a local development server. - Flexible Structure: Organized with clear separation of components, content collections (for blogs and store items), layouts, and pages, making customization straightforward.
- Extensive Customization:
- Global Configuration: Easily modify site-wide settings like title, description, and transition API behavior in
/src/config.ts. - Layout & UI: Customize
BaseHead,Footer,Header, andSideBarcomponents. TheSideBarsupports profile pictures, navigation links, and social icons (from BoxIcons). - Content Components: Utilize
TimeLinefor CV entries,CardandHorizontalCardfor projects and blog posts, andHorizontalShopItemfor e-commerce products. - Custom Components: Add new Astro components by creating
.astrofiles in thecomponentsfolder. - Theming: Change the entire website's aesthetic by updating the
data-themeattribute inBaseLayout.astro, choosing from 30+ DaisyUI themes.
- Global Configuration: Easily modify site-wide settings like title, description, and transition API behavior in
- Content Management: Supports content collections for structured data, allowing you to add blog posts in Markdown (
/content/blog/) and shop items (/pages/shop/) with defined frontmatter. - Deployment Ready: Optimized for deployment on static hosting services like Vercel, Netlify, and GitHub Pages. Note: Dynamic route parameters for blog pagination are currently incompatible with SSR deployment configurations, so static deployment is recommended.
Astrofy is ideal for developers, designers, and anyone needing a professional, high-performance personal website with integrated content features. Its modular design and modern tooling provide a solid foundation for building and expanding your online presence.




