My personal portfolio v2.0
Image representing My personal portfolio v2.0

My personal portfolio v2.0

Next.jsDrizzleORMHTMLTailwindCSSMySQLTypescriptSEOHosting
Nikola Filipovski
Image of author Nikola Filipovski

Nikola Filipovski

Full-Stack Web Developer

Visit Project

About My Portfolio v2.0

After successfully running my first portfolio, I decided to create a fully modernized version with Next.js 16 and the latest features for performance, scalability, and user experience. This version includes a dynamic blog, advanced project and blog filtering, smooth animations, enhanced security, and a much easier workflow for adding new content.

Technical Implementation

The portfolio is built with Next.js 16 and TailwindCSS for styling. UI components are powered by ShadCN UI, while Framer Motion provides smooth, modern animations across pages. The backend uses Drizzle ORM for MySQL integration and a custom Node.js image upload server to host all project and blog images securely. Click here to find out more about custom Node.js upload server.

Dynamic Projects & Blog Features

  • The homepage dynamically displays the three most recent projects for quick access to fresh work.
  • Blog posts include a tag-based navigation system that allows visitors to click on a tag and see all related posts or projects.
  • Custom admin panel for adding projects and blog posts with a simplified, modern interface.
  • Enhanced admin security including protected routes, 2FA, and device-based access control.
Image representing landing page of nfwdesign.com website on different devices

Modern UX & Responsiveness

This version emphasizes a modern and interactive user experience:

  • Animated page transitions and UI elements with Framer Motion
  • Fully responsive design for mobile, tablet, and desktop devices
  • Easy-to-read layout and intuitive navigation, both for visitors and for myself
  • Improved site-wide SEO through refined metadata management and clean, semantic HTML across all pages.

Enhanced Content Management

The custom admin panel (CMS) allows adding new projects and blog posts quickly, without touching the code. Writing new blog posts is now faster and more intuitive, with rich text support, image uploads to the private server, and automatic tag suggestions for better content organization.

Image representing admin dashboard page of nfwdesign.com website on different devices

Result & Impact

The updated portfolio v2.0 combines professional design, modern technologies, and smooth interactions to create a user-friendly experience. It serves both as a showcase for my projects and a platform for sharing knowledge through the blog, with robust infrastructure, strong security, and full control over content.