DRUPAL
FIT
Role
JavaScript Developer
Timeline
7 Months
Platform
Next.js + External APIs
Role & Contribution
What I Delivered
Led full-cycle development of Drupal Fit — a paid Next.js SaaS product built from scratch, with secure authentication, multiple API integrations, WCAG compliance, Lighthouse and SEMrush auditing, and 99.9%+ uptime post-launch.
- check_circleArchitected the entire Next.js application from zero — routing, auth, API layer, and deployment.
- check_circleIntegrated multiple external APIs with a unified data layer and robust error handling.
- check_circleAchieved WCAG 2.1 compliance and zero security issues via Lighthouse and SEMrush audit cycles.
Post-launch Uptime
99.9%+
"A paid SaaS product built from scratch — shipped with zero security issues, WCAG compliance, and 99.9%+ uptime." — Lead Developer
Architectural Solution
Next.js Full-cycle Architecture
Led full-cycle development focusing on frontend functionality, intuitive UI/UX, and modular architecture designed for long-term maintainability and scalability.
Multiple API Integration
Implemented multiple external APIs to deliver dynamic, real-time content and built custom features to enhance user interaction and content delivery across the platform.
Secure Authentication
Built secure and scalable authentication flows and optimized routing strategies to ensure fast, seamless navigation and a consistent user experience.
Key Features
Performance & Security Auditing
securityImproved performance, accessibility, and security using Lighthouse, Pally, and SEMrush — achieving WCAG compliance and eliminating all flagged vulnerabilities.
Production Monitoring
monitoringDelivered deployment, monitoring, and ongoing support — ensuring high availability, user satisfaction, and long-term product stability post-launch.
Performance Metrics
Lighthouse
Performance score
Accessibility
WCAG 2.1 compliant
Uptime
Post-launch
Security
Post-remediation
Technical Highlights
As the sole developer owning the full cycle, every architectural decision had to be production-grade from week one — with Lighthouse and SEMrush audits integrated into the workflow, not bolted on at the end.
routeOptimized Next.js Routing
Optimized routing across all app components to ensure fast, seamless navigation on both authenticated and public routes.
fact_checkCode Reviews & Standards
Led code reviews and mentored junior developers, maintaining team-wide consistency and best practice adherence across the entire codebase.
// Next.js middleware: secure route protection
import { NextResponse } from 'next/server';
import type { NextRequest } from 'next/server';
export function middleware(request: NextRequest) {
const token = request.cookies.get('auth_token');
const isProtected = request.nextUrl.pathname
.startsWith('/dashboard');
if (isProtected && !token) {
return NextResponse.redirect(
new URL('/login', request.url)
);
}
return NextResponse.next();
}
export const config = {
matcher: ['/dashboard/:path*'],
};Lessons Learned
Paid Products Demand Production Thinking
Performance budgets, error monitoring, and deployment pipelines were non-negotiable from week one on a paid SaaS product.
Audit Early, Not Late
Running Lighthouse and SEMrush audits at the end revealed 12 issues that could have been avoided with earlier CI-integrated automated checks.
Authentication is a Product Feature
Secure, fast authentication flows directly impacted user satisfaction ratings. Treating auth as a first-class product feature — not infrastructure — improved retention.
Monitor Before Launch, Not After
Setting up error tracking and uptime monitoring before launch meant the team caught and resolved three production issues within the first 24 hours, invisibly to users.
Ready to Build?
From complex backend architecture to award-winning front-end experiences. Let's build the future together.