Skip to main content

Aviv Keller Portfolio Documentation

A modern, fully customizable portfolio template built with Astro and TailwindCSS. Showcase your projects, achievements, and experience with style.

Get StartedExplore Components

Quick Start

Get your portfolio up and running in minutes with these simple steps.

1

Clone the repository

Clone the repository to your local machine:
git clone https://github.com/avivkeller/avivkeller.github.io.git
cd avivkeller.github.io
2

Install dependencies

Install the required npm packages:
npm install
The project uses Astro 5.x, TailwindCSS 4.x, and includes TypeScript support.
3

Start the development server

Launch the local development server:
npm run dev
Your site will be available at http://localhost:4321. Changes will hot-reload automatically.
4

Customize your content

Edit the data files in src/data/ to add your own projects, achievements, and experience:
  • projects.ts - Your portfolio projects
  • achievements.ts - Awards and recognition
  • experience.ts - Work history
  • index.ts - Site configuration and social links
See the Content Management guide for details.

Key Features

Everything you need to build a professional portfolio website.

Component-Based Architecture

Reusable Astro components for cards, buttons, sections, and more. Build consistent UIs quickly.

TailwindCSS Styling

Modern utility-first CSS framework with custom design system. Fully responsive and customizable.

TypeScript Support

Strongly-typed interfaces for projects, achievements, and experience. Catch errors early.

SEO Optimized

Built-in SEO features with Astro SEO integration and automatic sitemap generation.

Blog Ready

Integrated markdown blog system. Write posts in MDX with frontmatter support.

GitHub Pages Deploy

Pre-configured for GitHub Pages deployment. Push to deploy in seconds.

Explore by Topic

Jump into the section that interests you most.

📁

Content Management

Learn how to manage your projects, achievements, experience, and blog posts.

Explore content →
🎨

Customization

Customize colors, fonts, layouts, and styles to match your personal brand.

Learn customization →
🧩

Components Reference

Complete reference for all available UI components, cards, and layout elements.

Browse components →
🚀

Deployment

Deploy your portfolio to GitHub Pages or configure a custom domain.

Deploy now →

Ready to Build Your Portfolio?

Start building your professional portfolio website today. Follow the quickstart guide to get up and running in minutes.

Get Started Now

Build docs developers (and LLMs) love

Get started for freeTalk to us