# 🚀 Upgrade Next.js from v12 → v16

[festus-sulumeti]

###Upgrade Nextjs

Summary:
The project is currently running on Next.js 12, which is now several major versions behind.
Upgrading to Next.js 16 will provide significant performance improvements, new features (like React Server Components and Turbopack), better developer experience, and long-term framework support.

---

🎯 Objectives

• Upgrade the project from Next.js 12 to Next.js 16.
• Update all related dependencies (React, React DOM, ESLint configs, etc.).
• Ensure compatibility with new Next.js features such as the App Router, Server Actions, and Edge Runtime (where applicable).
• Refactor old code patterns to align with modern Next.js conventions.

---

🧩 Tasks

• Update next, react, and react-dom in package.json
• Refactor any usage of deprecated Next.js APIs (getStaticProps, getServerSideProps, etc.) where needed
• Migrate from the Pages Router to the App Router (if applicable)
• Verify compatibility with TailwindCSS, ESLint, and TypeScript setup
• Test and optimize performance with the new Turbopack dev server
• Update build scripts and deployment configuration (Vercel, Docker, etc.)
• Run full regression testing across routes and components

---