Build Next.js Website with Strapi CMS, RTL Support & SEO

Project Overview We are looking for an experienced Next.js and Strapi CMS developer to implement a modern, multilingual, SEO-optimized website using an existing, ready-made Next.js theme. Important: The theme is already available and will be used as-is. No redesign, custom theme development, or major frontend customization is required. The developer will primarily replace the existing demo content, integrate Strapi CMS, optimize performance and SEO, and deploy the website on Vercel. The theme already supports responsive layouts and RTL (Right-to-Left) languages. The latest stable version of Strapi CMS will be installed and configured separately by our system administrator. The selected developer will be responsible for connecting the frontend to Strapi, implementing the necessary content schemas and integrations, and ensuring everything works smoothly. Our objective is to deliver a fast, visually polished, multilingual website with excellent SEO, smooth animations, and easy content management. Scope of Work 1. Next.js Theme Implementation • Set up the provided Next.js theme within the existing project environment. • Retain the original theme design, layouts, components, and styling. • Replace demo content with the provided website content, images, and branding. • Configure existing pages, navigation, headers, footers, and other theme components. • Preserve and properly configure the theme's built-in animations, transitions, and visual effects. • Ensure consistent responsiveness across desktop, tablet, and mobile devices. • Avoid unnecessary customization or redevelopment of existing components. 2. Strapi CMS Integration • Connect the Next.js frontend to the latest stable Strapi CMS instance provided by our system administrator. • Design and implement the necessary content types, components, and schemas. • Enable administrators to manage website content directly from Strapi, including: o Page titles, headings, and descriptions. o Text content and translations. o Images, banners, and media assets. o Navigation menus and footer content. o Buttons, links, and calls to action. o SEO metadata and social sharing information. • Implement appropriate content fetching, caching, and revalidation mechanisms. • Ensure content updates can be published without requiring manual frontend code changes or redeployment wherever technically supported. • Follow clean, reusable, and maintainable integration practices. 3. Multilingual & RTL Support • Implement multilingual content management through Strapi's internationalization capabilities. • Configure language switching and localized content delivery. • Support both LTR and RTL languages, including Arabic and Kurdish. • Preserve the existing theme's RTL functionality. • Ensure navigation, typography, alignment, and page layouts display correctly in each language. • Implement language-specific URLs and appropriate multilingual SEO configurations. 4. SEO Implementation & Optimization Implement comprehensive technical and on-page SEO using Next.js best practices. Requirements include: • Dynamic SEO titles and meta descriptions managed through Strapi. • Proper heading hierarchy (H1–H6). • SEO-friendly URLs and localized slugs. • Canonical URLs. • Hreflang tags for multilingual content. • XML sitemap generation. • Robots.txt configuration. • Open Graph and social sharing metadata. • Structured data (Schema.org/JSON-LD) where applicable. • Proper image alt attributes. • Server-side rendering or static generation where appropriate. • Search engine crawlability and indexability. • Google Search Console and Google Analytics integration, if access is provided. SEO configuration should be manageable through Strapi wherever practical. 5. Performance, Images & Visual Effects Website performance and visual presentation are important priorities. • Optimize images using Next.js image optimization and modern formats such as WebP/AVIF where supported. • Implement appropriate lazy loading for images and noncritical components. • Optimize fonts, JavaScript bundles, CSS, and asset loading. • Minimize unnecessary third-party scripts and dependencies. • Preserve the theme's existing animations and visual effects. • Ensure smooth transitions without negatively affecting page performance. • Optimize Core Web Vitals, particularly LCP, CLS, and INP. • Aim for Google Lighthouse scores of 90+ for Performance, SEO, Accessibility, and Best Practices, subject to the supplied theme and external dependencies. • Ensure the website performs well on both desktop and mobile devices. 6. Vercel Deployment & Configuration • Configure and deploy the Next.js website using Vercel. • Set up the required environment variables and secure Strapi API connectivity. • Configure production builds, caching, and content revalidation. • Connect the provided domain and configure HTTPS. • Ensure proper handling of localized routes and SEO metadata in production. • Verify that Strapi content updates are correctly reflected on the live website. • Test the production deployment and resolve any build or runtime issues. Available Resources The selected developer will receive: • Ready-made Next.js theme with RTL support. • Access to the Strapi CMS instance, installed and maintained by our system administrator. • Website content, branding, and media assets. • Access to the designated source code repository. • Vercel project access or deployment credentials through the appropriate permissions. • Technical assistance from our system administrator when required. Technical Requirements Required Experience: • Strong Next.js, React.js, JavaScript, and TypeScript experience. • Proven experience integrating Next.js with Strapi CMS. • Experience with Strapi content modeling, APIs, and internationalization. • Strong knowledge of multilingual SEO and RTL/LTR implementation. • Experience with Next.js rendering strategies, caching, and performance optimization. • Experience optimizing images, animations, and Core Web Vitals. • Familiarity with Vercel deployment and production configuration. • Ability to work efficiently with an existing theme without unnecessary redevelopment. Deliverables & Acceptance Criteria 1. Fully functional Next.js website using the supplied theme without unnecessary design modifications. 2. Complete Strapi CMS integration, with all agreed website content editable through the CMS. 3. Working multilingual functionality, including RTL/LTR support. 4. Comprehensive technical SEO implementation. 5. Optimized images, assets, animations, and page loading performance. 6. Successful production deployment on Vercel. 7. Responsive functionality across major browsers and device sizes. 8. No broken links, missing assets, console errors, or major layout issues. 9. Source code committed to our designated repository. 10. Brief technical documentation covering Strapi schemas, frontend integration, SEO configuration, and deployment. 11. Final delivery subject to successful testing and resolution of identified issues.