github.com/fiqgant/fiqlab ↗

About fiqgant/fiqlab

Fiqlab is a personal research portfolio and blog built with Next.js 15 that showcases academic work, projects, and technical writing. The site integrates several advanced features including MDX-based blog posts with syntax highlighting and interactive Mermaid diagrams, a publications section synced from Google Scholar via SerpAPI, and an interactive 3D map built with Mapbox. The contact form uses Resend for email delivery, and the hero section features an animated Three.js neural network particle background with mouse parallax effects.

The tech stack emphasizes modern web development tools, using TypeScript for type safety, Tailwind CSS for styling, and Framer Motion for animations. Notable technical features include fuzzy full-text search across blog posts and publications via Fuse.js, KaTeX for mathematical notation, and automated GitHub Actions workflows that perform CI/CD checks, Lighthouse performance audits, and weekly synchronization of Google Scholar data. Dark mode support is handled through next-themes with system awareness.

The project is designed for easy customization through data files that control personal information, publications, portfolio items, and skills. It deploys directly to Vercel without configuration and includes comprehensive documentation for writing blog posts and managing content. The codebase uses Turbopack and the Next.js App Router for modern development experience and performance optimization.