A modern, responsive, and SEO-friendly portfolio built with Next.js 14, TypeScript, and Tailwind CSS. It showcases my projects, technical skills, and experience as a Master's student in Electronic Information at Tsinghua University and my journey as a Full-Stack Engineer, Product Manager, and Open Source Contributor.
Acknowledgments: This portfolio was built upon and heavily customized from the excellent open-source template devfarouk by Farouk Mustapha. Respect and thanks to the original author for the foundation!
Frontend Framework: Next.js 14 Language: TypeScript UI & Styling: Tailwind CSS · Shadcn/ui · Framer Motion · AOS (Animate on Scroll) Icons: Lucide React · Radix UI · React Icons Theme Management: Next Themes (Dark/Light mode)
✅ Fully Responsive – Mobile-first and optimized for all screen sizes ✅ Dark & Light Mode Support – Seamless theme switching ✅ SEO Optimized – Metadata, Open Graph, and Twitter Card integration ✅ Interactive UI – Smooth animations & hover effects with Framer Motion and AOS ✅ Project Showcases – With live demo & GitHub repository links ✅ Performance Optimized – Next.js image optimization & lazy loading
git clone https://github.com/liulx25xx/liulx25xx.github.io.git
cd liulx25xx.github.ionpm installnpm run devThen open http://localhost:3000 in your browser.
npm run buildThis will generate an out folder that can be directly deployed to GitHub Pages.
- Portfolio: liulx25xx.github.io
- GitHub: github.com/liulx25xx
- Email: [email protected]