Jan 1, 2025Next.js & Performance

SMP Negeri 24 Padang School Website

A school website I built from scratch during my internship, introducing a digital portal with Next.js App Router, SSR/SSG rendering, Zod form validation, and structured SEO.

Role

Full-Stack Web Developer (Intern)

Release Date

Jan 1, 2025

Category

Next.js & Performance

Status
Production verified
Rendering & SEONext.js SSR + Dynamic OG
Design Systemshadcn/ui + Tailwind CSS
Web VitalsMobile Optimized & Fast Indexing
Background & Requirements

System Context & Requirements

SMP Negeri 24 Padang needed a fast public information portal that worked well on mobile, was easy for Google to index, and allowed staff to update academic content without inconsistent data.

Engineering Decisions

Approach & Technical Solution

Built a hybrid Next.js App Router application: static pages use SSG for fast delivery, while announcements use SSR with periodic ISR revalidation. Zod validates form schemas to protect data integrity.

Technology Stack

Next.jsReactTypeScriptTechnical SEOSSR / SSGOpen GraphTailwind CSSshadcn/uiZod