A full-stack developer portfolio built with Next.js, TailwindCSS, Django, and PostgreSQL, featuring SEO-optimised pages, dynamic content management, and a real-time downloadable CV that updates instantly via Google integration.
My portfolio is a full-stack web application built with Next.js (frontend) and Django (backend), utilising PostgreSQL as the database. It serves as a centralised platform to showcase my projects, technical skills, and professional experience in an optimised, structured manner.
The portfolio follows SEO best practices with server-side rendering (SSR) and static site generation (SSG) to ensure fast loading speeds and high search visibility. The backend in Django manages dynamic content, allowing for easy updates to project listings, blog posts, and a real-time downloadable CV that syncs with my Google account.
What I Built
Frontend Development: Built a Next.js & TailwindCSS UI that is responsive, minimal, and fast-loading.
Backend API & Database: Developed a Django backend with PostgreSQL, handling projects, blogs, and real-time CV downloads.
SEO Optimization: Implemented structured metadata, SSR, and SSG for improved search rankings and performance.
Security & Authentication: Added CSRF protection, secure API handling, and authentication best practices.
Google API Integration: Connected the CV system to Google Docs/Drive, enabling automatic updates.
Deployment & Version Control: Set up automated deployment, ensuring seamless content updates and maintenance.
Technical Stack
Frontend
HTMLCSSJavaScriptReactTailwind CSS
Backend
Django
Database / Infrastructure
PostgreSQL
Challenges & Decisions
SEO Optimisation with Next.js: Ensuring proper metadata, SSG/SSR configuration, and structured data for better search ranking.
Efficient Backend Structure: Designing a Django backend that can dynamically manage projects, blog posts, and CV updates without requiring manual code changes.
Frontend Performance Optimisation: Implementing lazy loading, caching, and responsive UI components using TailwindCSS.
Database Design & Queries: Optimising PostgreSQL queries for fast content retrieval while maintaining data integrity.
Security & Authentication: Implementing CSRF protection, secure API endpoints, and authentication best practices to safeguard user interactions.
Real-Time CV Updates: Connecting the CV system to Google Drive or Docs so that any updates to my CV are immediately reflected in the portfolio.
Deployment & Version Control: Setting up a smooth deployment pipeline for updating content without breaking site functionality.
Impact
SEO-Optimized & Fast-Loading: The Next.js SSR/SSG implementation improved page speed and search ranking potential.
Easy Content Management: The Django backend allows project and blog updates without modifying frontend code.
Real-Time CV Availability: Users can download an up-to-date CV anytime, ensuring they get the most current version.
Professional Branding: Presents a clear, structured representation of my technical skills in full-stack development.
Efficient Workflow: Built a fully functioning system for seamless updates and maintenance.
What This Proved
Advanced SEO with Next.js: Configured SSG/SSR correctly, ensuring better page speed and structured metadata.
Backend CMS Design: Built a Django-based system that allows dynamic content updates for projects, blog posts, and CVs without redeploying the frontend.
Performance & Optimisation: Improved site speed with lazy loading, caching, and optimised TailwindCSS components.
Security Best Practices: Ensured secure user authentication and CSRF protection in API interactions.
Google API Integration: Integrated Google Drive/Docs to allow real-time CV updates without manually uploading files.
Smooth Deployment: Established a deployment pipeline that enables updates without downtime
Leave Feedback
Rate this project
Select a rating to support this case study.
Want something like this built?
I help founders and teams turn messy ideas into reliable systems — from MVPs and APIs to AI-enabled automation workflows.