
pphat.netlify.app
A personal portfolio website for PPhat, showcasing frontend expertise, work experience, tech stack, and featured projects.
โจ About Project
pphat-netlify-app is a comprehensive personal portfolio and blog website by PPhat (Leat Sophat), a Senior Frontend Developer. This modern web application showcases his professional journey, technical expertise, and creative projects. The site features a dynamic blog with MDX support, an interactive gallery, integrated contact functionality, and complete SEO optimization with RSS/Atom feeds. Built with the latest Next.js 15 and React 19, it demonstrates best practices in modern web development with server-side rendering, static site generation, and progressive enhancement.
๐ ๏ธ Project Tech Stack
-
Core:
- Next.js
v15.5.12 - React
v19.2.1 - TypeScript
v5
- Next.js
-
UI & Styling:
- TailwindCSS
v4.1.1 - Radix UI Components
- Shadcn/ui
- Framer Motion
v11.18.2 - Lucide React Icons
- TailwindCSS Typography
- TailwindCSS
-
Content & Editor:
- TipTap
v2.12.0(Rich Text Editor) - React Markdown
v10.1.0 - Gray Matter (Frontmatter)
- Rehype & Remark Plugins
- Highlight.js
- TipTap
-
Features & Utilities:
- Next Themes
v0.4.6(Dark Mode) - Embla Carousel
v8.5.2 - Recharts
v2.15.2(Charts) - Nodemailer (Email)
- Sonner
v2.0.3(Toast Notifications) - Next SEO
- Next Progress Bar
- Date-fns
- Next Themes
-
Development:
- ESLint
- Turbo
- PostCSS
- Autoprefixer
๐ Project Features
- About me
- Tech Stack
- Experience
- Projects
- Blog (pphat-netlify-app)
- Gallery
- Contact Form
- SEO Optimized
- RSS/Atom Feeds
- Responsive Design
๐ป Preview
Here is the screenshot preview:










