Frontend Engineering with React & Next.js
Go from writing markup to shipping and deploying production React applications that real teams will hire you to maintain.
- Duration
- 12 weeks
- Lesson content
- 11h across 12 lessons
- Seats
- 24 per cohort
- Next start
- 6 October 2026
Tuition
₦180,000
Or ₦90,000 now and the balance before week five.
- AI study assistant scoped to this curriculum
- Written code review on every assignment
- Recordings of every live session
- Certificate naming the work you shipped
Payment is processed by Flutterwave in naira. Full refund up to seven days before the cohort starts — refund policy.
Syllabus
Foundations that hold up
- 45m
How the modern web actually renders
Free previewBrowser, server, and the boundary between them. Why the answer to 'where does this code run?' decides most of your architecture.
- 60m
TypeScript for people who write JavaScript
Types as documentation the compiler checks. Structural typing, narrowing, and when to stop reaching for `any`.
- 50m
Git without fear
Branching, rebasing, resolving conflicts, and undoing mistakes. The commands you will use every working day.
React, properly
- 55m
Components, props, and the rendering model
Why React re-renders, what that costs, and how to reason about it without memoising everything in sight.
- 65m
State: local, lifted, and shared
Choosing where state lives. useState, useReducer, context, and knowing when you actually need a store.
- 60m
Effects and the lifecycle you no longer have
useEffect is an escape hatch, not a lifecycle method. Data fetching, subscriptions, and cleanup done right.
Next.js in production
- 55m
The App Router mental model
Server Components, Client Components, layouts, and streaming. What runs where, and why it matters for your bill.
- 70m
Data fetching, caching, and revalidation
Reading data on the server, mutating it with Server Actions, and keeping the cache honest.
- 65m
Authentication and protected routes
Sessions, cookies, and middleware. Building an area of the app only signed-in users can reach.
Ship it
- 50m
Accessibility that survives a real audit
Keyboard navigation, focus management, colour contrast, and screen-reader semantics — tested, not assumed.
- 55m
Performance budgets and Core Web Vitals
Measuring before optimising. Images, fonts, bundle size, and what actually moves the numbers on a Nigerian mobile connection.
- 45m
Deploying, monitoring, and the first bug report
CI on every pull request, preview deployments, environment variables, and reading production errors calmly.