All work
Web

The CoreCode company website

CoreCode's company website, built on the Next.js 14 App Router with YouTube API integration, an MDX blog and SEO optimisation.

The CoreCode company website screenshot 1
View larger
The CoreCode company website screenshot 2
View larger
The CoreCode company website screenshot 3
View larger

Overview

CoreCode's official company website, built on the Next.js 14 App Router to put current web practice into production.

Key features

  • YouTube API integration: the channel's latest videos, refreshed via ISR
  • MDX blog: a markdown-based publishing system
  • Dark/light theme: theme switching with next-themes
  • SEO optimisation: metadata, OG images and an automatically generated sitemap
  • Responsive design: mobile-first throughout

Implementation notes

// Incremental Static Regeneration
export const revalidate = 3600; // refresh hourly

async function HomePage() {
  const videos = await getLatestVideos(4);
  return <YouTubeSection videos={videos} />;
}

Results

  • Lighthouse performance 95+
  • LCP under 2.0s
  • Fully responsive across breakpoints

Project details

Category
Web
As of

February 15, 2025

Reading time

1 min read

Tech stack
Next.jsTypeScriptTailwindCSSFramer Motion