epasingha.me
🚀 Project Overview
epasingha.me is my personal portfolio website, built with Astro.js and styled using Tailwind CSS v4. It serves as a hub for my projects, blog posts about web development, DevOps, and software engineering best practices.
🌟 Features
✅ Blazing fast - Optimized for performance and SEO with Astro’s static site generation.
🎨 Modern & responsive - Tailwind CSS v4 for easy customization and responsive design.
🔒 Secure & reliable - Follows best security practices and modern web standards.
📱 Mobile-friendly - Fully responsive across all devices.
📝 Blog support - MDX-powered blog for sharing tech tutorials and insights.
🌐 Multi-page - Projects showcase, blog listing, and individual post pages.
🎯 SEO optimized - Proper meta tags, structured data, and Open Graph support.
🛠️ Tech Stack
- Astro.js - Static site generator for optimal performance.
- React.js - Used for interactive components.
- Tailwind CSS v4 - Utility-first CSS framework.
- TypeScript - Typed JavaScript for better developer experience.
- MDX - Markdown with JSX for blog posts.
- Vercel - Deployment and hosting platform.
- astro-icon - Icon system with multiple icon sets.
📝 Content Management
Blog Posts
Blog posts are written in MDX format and located in src/content/blog/. Each post includes:
- Frontmatter with title, description, date, tags, and authors
- MDX content with support for React components
- Automatic generation of blog listing and individual post pages
Projects
Projects are defined in src/content/projects/ with frontmatter including name, description, tags, image, and links.
🌐 Deployment
This site is deployed on CloudFlare with automatic deployments from the main branch. The site is available at https://www.epasingha.me.