Welcome to my portfolio repository! This project showcases my work, skills, and projects using modern technologies to create a highly performant, mobile-responsive, and beautifully designed portfolio site.
- Performant: Built with optimized code to ensure fast load times and smooth performance.
- Mobile Responsive: Fully responsive design for seamless user experience across devices.
- Beautiful UI: Crafted with attention to detail and aesthetics using Radix UI and Tailwind CSS.
- Side Projects Directory: A clean, scannable list of minor projects and tools.
- Blog Search & Filtering: Fast, client-side search for technical articles.
- Comments System: Integrated Giscus (GitHub Discussions) for community interaction.
- Smart Content Linking: Automatically relates blog posts and projects using a similarity-scoring engine.
- Highly SEO Optimized: Structured Data (JSON-LD), automatic Sitemap, and RSS feed generation.
- Next 16: Framework for server-rendered React applications.
- React 19: The latest version of React with improved performance and features.
- TypeScript: Typed JavaScript for enhanced developer experience and code quality.
- Tailwind CSS: Utility-first CSS framework for styling.
- Radix UI: Accessible and unstyled UI primitives.
- Motion: Library for animations and interactive UI.
- Remote MDX: For rendering Markdown and JSX in the same file.
- Giscus: A comments system powered by GitHub Discussions.
- PostHog: Analytics platform for understanding user behavior.
Ensure you have the following installed:
- Node.js
- pnpm
-
Clone the repository:
git clone https://github.com/benjaminlooi/portfolio-2026 cd portfolio-2026 -
Install dependencies:
pnpm install
-
Run the development server:
pnpm dev
-
Open http://localhost:3000 in your browser to view the project.
To generate a static build:
pnpm run build
pnpm run startContributions are appreciated! Feel free to open issues for suggestions or feedback, but I won't be accepting pull requests as I prefer building this myself. You're welcome to use this portfolio as a template for your own with any customizations you like.
- Next.js for an amazing React framework.
- Tailwind CSS for utility-first styling.
- Radix UI for accessible and customizable components.
- Motion for smooth animations.
- Giscus for the comments system.
- PostHog for insightful analytics.
- Portfolio: benjaminlooi.dev
- Instagram: benjaminlooi
- Twitter(𝕏): benjaminlooi_)
- LinkedIn: benjaminlooi