Static Next.js Website with Tailwind CSS – Responsive, SEO-Optimized, Deployment on Vercel
Budget: ₹8,000 – ₹12,000 INR
I am looking for an experienced Next.js developer to build a static website with reusable React components styled in Tailwind CSS. The project includes static informational pages, interactive modals, responsive tables, and chart functionality.
Scope of Work
- Develop 4 medium-complex pages (including accordion like listing, charts, tabular data).
- Implement 3–4 popup modal dialogs with smooth interactions.
- Build 4–5 simple pages (e.g., Terms & Conditions, Privacy Policy, Login, About Us).
- Integrate Chart.js for charts and data visualization.
- Develop responsive tables that are horizontally scrollable on mobile viewports.
- Ensure fully responsive layouts for mobile and desktop devices.
- Extract and use icons directly from Figma designs (SVG/PNG).
- Website must be pixel perfect according to provided Figma designs.
- Follow modern web development best practices for performance, SEO, accessibility, and code quality.
- Break the website into multiple reusable React components for maintainability and scalability.
- Use TypeScript throughout the project with zero linting errors.
Design
- Figma design (desktop and mobile viewports) will be provided.
- No Developer Mode access — developer must work with standard inspect/export tools from Figma.
Tech Stack
- React.js with TypeScript
- Next.js (Static Site Generation)
- Tailwind CSS
- Chart.js
Deliverables
- Fully functional, static Next.js website using TypeScript
- Clean, modular, reusable React components
- Responsive and cross-browser compatible UI
- Scrollable tables in mobile viewport
- Performance target: Lighthouse score of 80+ on desktop and mobile
- SEO-ready static site configuration
- Source code hosted on GitHub (or preferred repo)
- Deployment to Vercel for testing and UAT
- Documentation for setup, maintenance, and local development
Quality & Testing
- The site must be deployed on Vercel for User Acceptance Testing (UAT).
- All issues raised during UAT must be fixed before final payment.
Required Skills
- Proficiency in React.js, Next.js, TypeScript, and Tailwind CSS
- Experience with Chart.js integration
- Expertise in building reusable React components and writing clean TypeScript without lint errors
- Ability to work with Figma designs without Dev Mode
- Strong focus on best practices for SEO, accessibility, and performance optimization
Timeline
- Project duration: 5–6 day
Budget & Payment
- Please provide your estimate and past project samples involving Next.js + Tailwind CSS + TypeScript
Scope of Work
- Develop 4 medium-complex pages (including accordion like listing, charts, tabular data).
- Implement 3–4 popup modal dialogs with smooth interactions.
- Build 4–5 simple pages (e.g., Terms & Conditions, Privacy Policy, Login, About Us).
- Integrate Chart.js for charts and data visualization.
- Develop responsive tables that are horizontally scrollable on mobile viewports.
- Ensure fully responsive layouts for mobile and desktop devices.
- Extract and use icons directly from Figma designs (SVG/PNG).
- Website must be pixel perfect according to provided Figma designs.
- Follow modern web development best practices for performance, SEO, accessibility, and code quality.
- Break the website into multiple reusable React components for maintainability and scalability.
- Use TypeScript throughout the project with zero linting errors.
Design
- Figma design (desktop and mobile viewports) will be provided.
- No Developer Mode access — developer must work with standard inspect/export tools from Figma.
Tech Stack
- React.js with TypeScript
- Next.js (Static Site Generation)
- Tailwind CSS
- Chart.js
Deliverables
- Fully functional, static Next.js website using TypeScript
- Clean, modular, reusable React components
- Responsive and cross-browser compatible UI
- Scrollable tables in mobile viewport
- Performance target: Lighthouse score of 80+ on desktop and mobile
- SEO-ready static site configuration
- Source code hosted on GitHub (or preferred repo)
- Deployment to Vercel for testing and UAT
- Documentation for setup, maintenance, and local development
Quality & Testing
- The site must be deployed on Vercel for User Acceptance Testing (UAT).
- All issues raised during UAT must be fixed before final payment.
Required Skills
- Proficiency in React.js, Next.js, TypeScript, and Tailwind CSS
- Experience with Chart.js integration
- Expertise in building reusable React components and writing clean TypeScript without lint errors
- Ability to work with Figma designs without Dev Mode
- Strong focus on best practices for SEO, accessibility, and performance optimization
Timeline
- Project duration: 5–6 day
Budget & Payment
- Please provide your estimate and past project samples involving Next.js + Tailwind CSS + TypeScript