YachtShop 2.0

Description

YachtShop is a delivery order website for a yacht equipment store in Pärnu, Estonia with over 2,000 products from the world’s leading manufacturers and branded cable crimping service

Technologies

Full-stack

           

CI/CD stack

   

About the work done

SEO

• Metadata: added all required meta fields using Next.js metadata API: title template, description, icons, themeColor, manifest, viewport, alternates (i18n), category, and basic fields (generator, applicationName, referrer, keywords, authors, colorScheme, creator, publisher)
• Social: implemented OpenGraph and Twitter metadata with ImageResponse API (considering i18n)
• Robots: robots.txt, static sitemap, dynamic sitemap (considering i18n)
• Tools: integrated Google Search Console

Analytics

Deployed self-hosted Matomo Analytics on own server and configured all necessary tracking events in the app

Performance optimization

• Ngnix: enabled HTTP/2, gzip compression, and static file caching support.
• Assets: applied Next.js <Image/> component and next-gen .webp image format for image optimization, Next.js also optimizes fonts
• Bundles: Next.js splits large bundles into smaller chunks to reduce unused code on the page and diminishes resources blocking input
• Components: refactored to move maximum content rendering to the server side to leverage maximum benefits of Next.js server components, as well as maximize usage of SSG for in build time generation
• Caching: integrated Redis for caching the central recursive request with heavy computations

i18n

Refactored custom internationalization using the next-international library with full typing support for better scalability and configurability of the project, as well as to enable internationalization in SEO

Routes and Lighthouse reports