Resume

Command Palette

Search for a command to run...

Welcome to my personal website

Portfolio Website — Inspired by tailwindcss.com (v4)

tarekhammami.com is my minimal portfolio website, showcasing my work and experience as a Software Developer. It is built with Next.js, Tailwind CSS, and shadcn/ui to deliver a modern, fast, and seamless user experience.

This is a continuously evolving side project where I experiment with new technologies and keep it updated with the latest advancements in web development.

Tech Stack

  • Next.js 15: Latest React framework for optimized performance and scalability
  • Tailwind CSS v4: Modern utility-first CSS framework for styling
  • shadcn/ui: Pre-built components with beautiful design and accessibility
  • Elegant & Minimalistic UI: Clean and modern design
  • Dark Mode: Supports light and dark themes for a better user experience
  • vCard Integration: Digital business card with contact details
  • SEO Optimization: JSON-LD schema, sitemap, robots
  • AI-friendly /llms.txt: Adds a /llms.txt file to help AI models identify and interact with site content.
  • Email Protection: Obfuscation to prevent spam
  • Installable PWA

Blog

  • MDX & Markdown support
  • Access markdown by adding .md to URLs, e.g. /blog/welcome.md
  • Syntax Highlighting for better readability
  • RSS Feed for easy content distribution
  • Dynamic OG Images for rich previews

Component Registry

Easily build and distribute your own components, hooks, and pages using a custom registry powered by the shadcn CLI.

Each component is well-documented through the Blog, featuring:

  • Live Preview: Interactive component demos
  • Code Snippets: Readable and copyable examples
  • Beautiful Code Blocks: Styled for clarity and dark mode
  • Command Blocks: One-click copy for quick install commands (pnpm, npm, yarn, bun)