2026-03-27 17:38:45 -04:00
2026-03-25 18:53:21 -04:00
2026-03-29 08:16:07 -04:00
2026-03-25 18:53:21 -04:00
2025-04-22 13:53:47 +03:00
2026-03-25 18:53:21 -04:00
2026-03-25 18:53:21 -04:00
2026-03-25 18:53:21 -04:00
2026-03-25 18:53:21 -04:00
2026-03-26 17:09:25 -04:00
2026-03-25 18:53:21 -04:00
2026-03-25 18:53:21 -04:00
2026-03-25 18:53:21 -04:00

Developer Portfolio & Blog

Astro Svelte TailwindCSS TypeScript

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
  • 📬 Contact form - Integrated contact form with Cloudflare Turnstile protection
  • 🎓 Education section - Timeline-based display of academic background and achievements
  • 📄 Resume download - Downloadable resume/CV for potential employers

🛠️ 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

  1. Clone the repository

    git clone https://git.jaroszew.ski/patrick/portfolio.git
    cd portfolio
    
  2. Install dependencies

    pnpm install
    

Development Server

  1. Start the development server

    pnpm run dev
    
  2. Open your browser Navigate to http://localhost:3010 to see the site running locally.

Production Server

  1. Build the static site
pnpm build

Your static files are now available in ./dist

  1. Preview your site
pnpm preview
  1. Open your browser Navigate to http://localhost:3000 to see the site running locally.

Deployment

Deploy to Cloudflare Pages:

pnpm deploy

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Description
A modern portfolio built with AstroJS
Readme MIT 24 MiB
Languages
Svelte 49.8%
Astro 28.1%
TypeScript 15.6%
CSS 6.2%
Nix 0.3%