Back to Projects
Construction Website

Construction Website

2021
Frontend Developer
Live Website
Next.jsISRSSGWordPressJSON-LDTailwind CSS

Project Overview

A high-performance construction company website built with Next.js, featuring SEO optimization and WordPress integration.

Key Achievements

  • Built an entire construction website within four days, featuring seven pages.
  • Created and documented custom SEO components using Next.js page router with JSON-LD.
  • Integrated WordPress for blog and content fetching.
  • Improved Figma designs based on intuition and principles approved by the designer.

Project Details

This construction company website was developed in just four days, demonstrating rapid development capabilities while maintaining high quality and performance standards. The site consists of seven fully responsive pages that effectively showcase the company's services, projects, and expertise.

A key focus of this project was SEO optimization, which was achieved through:

  • Custom SEO components with JSON-LD structured data
  • Next.js static site generation (SSG) for core pages
  • Incremental Static Regeneration (ISR) for dynamic content
  • Optimized meta tags and semantic HTML structure
  • Performance optimization for Core Web Vitals

The website features WordPress integration for blog content and easy content management, allowing the client to update their portfolio and blog without developer intervention. This hybrid approach combines the performance benefits of Next.js with the content management flexibility of WordPress.

During development, I also contributed to improving the original Figma designs, suggesting enhancements that were approved by the design team and implemented in the final product.

Project Gallery

Homepage hero section
Projects showcase