Complete Next.js migration with SSR and Docker deployment
- Migrate from vanilla JavaScript SPA to Next.js 16 with App Router - Add server-side rendering for all pages (Home, Compare, Rankings) - Create individual school pages with dynamic routing (/school/[urn]) - Implement Chart.js and Leaflet map integrations - Add comprehensive SEO with sitemap, robots.txt, and JSON-LD - Set up Docker multi-service architecture (PostgreSQL, FastAPI, Next.js) - Update CI/CD pipeline to build both backend and frontend images - Fix Dockerfile to include devDependencies for TypeScript compilation - Add Jest testing configuration - Implement performance optimizations (code splitting, caching) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
53
nextjs-app/app/page.tsx
Normal file
53
nextjs-app/app/page.tsx
Normal file
@@ -0,0 +1,53 @@
|
||||
/**
|
||||
* Home Page (SSR)
|
||||
* Main landing page with school search and browsing
|
||||
*/
|
||||
|
||||
import { fetchSchools, fetchFilters } from '@/lib/api';
|
||||
import { HomeView } from '@/components/HomeView';
|
||||
|
||||
interface HomePageProps {
|
||||
searchParams: {
|
||||
search?: string;
|
||||
local_authority?: string;
|
||||
school_type?: string;
|
||||
page?: string;
|
||||
postcode?: string;
|
||||
radius?: string;
|
||||
};
|
||||
}
|
||||
|
||||
export const metadata = {
|
||||
title: 'Home',
|
||||
description: 'Search and compare primary school KS2 performance across England',
|
||||
};
|
||||
|
||||
// Force dynamic rendering (no static generation at build time)
|
||||
export const dynamic = 'force-dynamic';
|
||||
|
||||
export default async function HomePage({ searchParams }: HomePageProps) {
|
||||
// Parse search params
|
||||
const page = parseInt(searchParams.page || '1');
|
||||
const radius = searchParams.radius ? parseInt(searchParams.radius) : undefined;
|
||||
|
||||
// Fetch data on server
|
||||
const [schoolsData, filtersData] = await Promise.all([
|
||||
fetchSchools({
|
||||
search: searchParams.search,
|
||||
local_authority: searchParams.local_authority,
|
||||
school_type: searchParams.school_type,
|
||||
postcode: searchParams.postcode,
|
||||
radius,
|
||||
page,
|
||||
page_size: 50,
|
||||
}),
|
||||
fetchFilters(),
|
||||
]);
|
||||
|
||||
return (
|
||||
<HomeView
|
||||
initialSchools={schoolsData}
|
||||
filters={filtersData.filters}
|
||||
/>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user