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
Featured
- 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
)