You will get a fast, responsive Next.js web app or landing page
Project details
I've built multi-tenant SaaS platforms, converted Figma designs into pixel-perfect production code, wired up REST and GraphQL APIs with proper caching and error handling, and shipped real-time features with WebSockets. Four years, 7+ production apps, used by real teams every day.
Whether you're starting from a Figma file, an existing codebase, or just an idea - I handle the full frontend lifecycle from architecture decisions to deployment.
What's included:
Next.js with TypeScript throughout
App Router and Pages Router - I know both, and I won't push you toward one just because it's newer
SSR, SSG, and ISR configured per route based on how fresh the data actually needs to be
Pixel-perfect Figma to code conversion with responsive layouts across all devices
REST and GraphQL API integration with loading states, error handling, caching, and retry logic
State management with Redux Toolkit or TanStack Query - chosen based on the project, not habit
Real-time data features using WebSockets or polling where needed
Middleware for route protection, redirects, and edge-level logic
Code splitting, lazy loading, and performance review before delivery
Smooth animations and micro-interactions
Whether you're starting from a Figma file, an existing codebase, or just an idea - I handle the full frontend lifecycle from architecture decisions to deployment.
What's included:
Next.js with TypeScript throughout
App Router and Pages Router - I know both, and I won't push you toward one just because it's newer
SSR, SSG, and ISR configured per route based on how fresh the data actually needs to be
Pixel-perfect Figma to code conversion with responsive layouts across all devices
REST and GraphQL API integration with loading states, error handling, caching, and retry logic
State management with Redux Toolkit or TanStack Query - chosen based on the project, not habit
Real-time data features using WebSockets or polling where needed
Middleware for route protection, redirects, and edge-level logic
Code splitting, lazy loading, and performance review before delivery
Smooth animations and micro-interactions
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, Localization, Performance OptimizationWhat's included
| Service Tiers |
Starter
$99
|
Standard
$399
|
Advanced
$799
|
|---|---|---|---|
| Delivery Time | 1 day | 5 days | 8 days |
Number of Revisions | 2 | 2 | 5 |
Number of Pages | 1 | 5 | 10 |
Design Customization | |||
Content Upload | |||
Responsive Design | |||
Source Code |
1 review
(1)
(0)
(0)
(0)
(0)
This project doesn't have any reviews.
IA
Irbaz A.
Jul 19, 2026
Next.js & Tailwind CSS Expert Needed for SaaS Landing Page
I really enjoyed working with Sameer. From the beginning, he was easy to communicate with, understood exactly what I needed, and delivered everything on time.
He built the frontend using React, Next.js, TypeScript, and Tailwind CSS, and the quality of his work was excellent. The code was clean, the UI matched the design perfectly, and everything worked smoothly across different screen sizes. Whenever I had feedback or wanted something adjusted, he responded quickly and made the changes without any hassle.
What I appreciated most was that he genuinely cared about the final product. He suggested a few improvements that made the application even better and always kept me updated on his progress.
If you're looking for someone who is reliable, skilled, and easy to work with, I highly recommend Sameer. I'd definitely hire him again for future frontend projects.
He built the frontend using React, Next.js, TypeScript, and Tailwind CSS, and the quality of his work was excellent. The code was clean, the UI matched the design perfectly, and everything worked smoothly across different screen sizes. Whenever I had feedback or wanted something adjusted, he responded quickly and made the changes without any hassle.
What I appreciated most was that he genuinely cared about the final product. He suggested a few improvements that made the application even better and always kept me updated on his progress.
If you're looking for someone who is reliable, skilled, and easy to work with, I highly recommend Sameer. I'd definitely hire him again for future frontend projects.
About Sameer
AI Frontend Engineer, React Developer | Next.js, React Native | SaaS
Lahore, Pakistan - 6:22 pm local time
I own the full frontend: architecture, state management, API integration, performance, and pixel-accurate UI - and I test what I ship, with end-to-end automation suites in Cypress and Playwright running in CI.
⭐ WHAT I DO
▸ Frontend Development - React.js / Next.js / TypeScript
• SaaS dashboards, admin panels, multi-tenant platforms
• Marketplaces, listing/search/filter systems, authentication & role-based access
• Figma → pixel-perfect responsive UI with Tailwind CSS, GSAP and Framer Motion
• State management: Redux Toolkit, TanStack Query, Zustand, Context API
• Performance: code splitting, lazy loading, caching, Core Web Vitals, SSR/SSG/ISR
▸ React Native Mobile Apps
• Production iOS and Android screens from Figma to release
• Navigation flows, reusable component libraries, offline handling
• GraphQL caching and bundle optimization for faster startup
▸ API & AI Integration
• REST, GraphQL, Firebase, Stripe, third-party APIs
• AI API — chatbots, AI content generation, AI-assisted workflows
• Node.js + Express backends when the frontend needs one
▸ Backend & Full-Stack — Node.js / Express / MongoDB
• REST API development with Node.js and Express.js
• MongoDB schema design, queries and aggregation pipelines
• JWT authentication, role-based access control, file uploads
• Next.js API routes and server actions wired to databases
• MERN stack applications built and deployed end to end
▸ E2E & Automation Testing — Cypress / Playwright
• End-to-end test suites covering auth, forms, search/filter and checkout flows
• API mocking and fixtures (cy.intercept, route interception) for deterministic runs
• Custom commands and Page Object structure so specs stay readable and reusable
• Cross-browser testing across Chromium, Firefox and WebKit
• CI integration so the full suite runs on every pull request
⭐ SELECTED WORK
• Reflys — visual automation builder (Next.js, TypeScript, Redux Toolkit). Code splitting and lazy loading cut page load times by 30% across 10+ interconnected modules.
• CertsLibrary — multi-tenant SaaS platform on Next.js with OpenAI-powered content generation. A reusable module system cut new-tenant build time by ~50%.
• Revive Dashboard — real-time analytics dashboard (React, TypeScript, TanStack Query, REST) with an AI chatbot that surfaces live business insights.
• Bechly.pk — nationwide classifieds marketplace: Next.js web platform plus a React Native app, with auth, listings, search, filters and category browsing.
• Procurement League — React + GraphQL modernization; 40% faster data retrieval through optimized queries and client-side caching.
• Sourcing Genie — 10+ production React Native screens built from Figma, with GraphQL caching and optimized app startup.
⭐WHY CLIENTS HIRE ME
• One developer for frontend, mobile, testing and data — fewer handoffs, faster delivery
• Clean, reusable, documented code your team can actually maintain
• Regular progress updates, and I flag risks early instead of going quiet
• I work comfortably across US and EU timezones
• I use modern AI tooling to ship faster without cutting quality
⭐ TECH STACK
React.js · Next.js · React Native · TypeScript · JavaScript ES6+ · Redux Toolkit · TanStack Query · Zustand · Tailwind CSS · GSAP · Framer Motion · HTML5 · CSS3 · Node.js · Express.js · MongoDB · REST APIs · GraphQL · Firebase · Stripe · OpenAI API · Cypress · Playwright · Git · GitHub Actions · Postman · Figma · Vercel
Send me your requirements, a Figma link, or a link to your current app — I'll reply with an honest scope, timeline and the approach I'd take. If I'm not the right fit for the job, I'll tell you straight away.
Steps for completing your project
After purchasing the project, send requirements so Sameer can start the project.
Delivery time starts when Sameer receives requirements from you.
Sameer works on your project following the steps below.
Revisions may occur after the delivery date.
Discovery & Scoping
I review everything you send — designs, requirements, existing code, and API docs. I ask any remaining questions before writing a single line. We align on scope, milestones, and deliverables in writing so there are no surprises later.
Architecture & Project Setup
I set up the Next.js project with the agreed stack folder structure, TypeScript, Tailwind, ESLint, Prettier, and environment variables. For existing codebases I audit the current structure first and flag any issues before building on top of them.