Developer Portfolio & Blog
A modern, high-performance personal portfolio and blog built with Astro.js. Designed to showcase your projects and technical writing with blazing-fast performance and exceptional SEO.
β¨ Features
- π Blazing fast performance - Built with Astro.js for optimal loading speeds
- π Full-featured blog - Support for technical articles with code highlighting
- π¨ Beautiful UI - Modern, responsive design powered by Tailwind CSS
- π Dark mode support - Seamless light/dark theme switching
- π± Fully responsive - Looks great on all devices from mobile to desktop
- π SEO optimized - Structured data, meta tags, and optimized for search engines
- π·οΈ Tag system - Categorize blog posts and projects with tags
- π Content collection - Organized content management with Astroβs content collections
- πΌοΈ Project showcase - Display your work with images, descriptions, and technology tags
π οΈ Tech Stack
- Astro.js - Static site generator with excellent performance
- Svelte - For interactive components
- Tailwind CSS - Utility-first CSS framework
- TypeScript - Type safety and improved developer experience
- MDX - Markdown with JSX for rich content creation
π Prerequisites
Before you begin, ensure you have the following installed:
βοΈ Installation & Setup
-
Clone the repository
git clone https://git.jaroszew.ski/patrick/portfolio.git cd portfolio -
Install dependencies
pnpm install
Development Server
-
Start the development server
pnpm run dev -
Open your browser Navigate to
http://localhost:3010to see the site running locally.
Production Server
- Build the static site
pnpm buildYour static files are now available in ./dist
- Preview your site
pnpm preview- Open you browser
Navigate to
http://localhost:3000to see the site running locally.
π License
This project is licensed under the MIT License - see the LICENSE file for details.