Personal Portfolio

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

πŸ› οΈ 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 you browser Navigate to http://localhost:3000 to see the site running locally.

πŸ“„ License

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

Project Details

Personal Portfolio is a personal website that showcases my work and projects. It is built with Astro.js and styled with Tailwind CSS, providing a fast and responsive user experience. The website features a clean design, easy navigation, and a focus on showcasing my skills and projects.