Next.js Web Development Foundations for Uganda

Course outline and learning expectations

This is a tutor-led course. The outline shows what your tutor will cover; teaching materials and examinations are provided directly to enrolled students.

What you will learn

• Set up and organise a modern Next.js project
• Build pages, layouts and dynamic routes with the App Router
• Use React Server and Client Components correctly
• Fetch, display and update data
• Create responsive and accessible user interfaces
• Configure metadata, sitemaps, robots files and social previews
• Handle loading, errors and not-found states
• Build and deploy a complete regional web project

Modules

1. 1

   React and Next.js essentials

   Connect existing JavaScript or TypeScript knowledge to the React concepts used by Next.js.

   JSX and componentsProps and compositionState and eventsProject setupDevelopment workflow
2. 2

   App Router and project structure

   Build organised applications with Next.js file conventions and routing.

   Pages and layoutsNested routesDynamic segmentsRoute groupsLinking and navigation
3. 3

   Server and Client Components

   Choose the correct rendering boundary for performance and interactivity.

   Server ComponentsClient ComponentsComponent compositionBrowser APIsTurbopack development
4. 4

   Styling, images and responsive design

   Create polished interfaces that work across phones, tablets and computers.

   Global CSSCSS ModulesTailwind CSS optionsImage optimisationFont optimisationResponsive layouts
5. 5

   Data fetching and rendering

   Load and present data using modern Next.js rendering patterns.

   Server-side data fetchingStatic and dynamic renderingLoading UIStreamingError handlingNot-found pages
6. 6

   Forms and data updates

   Build practical forms with validation, server-side processing and user feedback.

   Server Functions and ActionsForm validationPending statesError messagesRevalidationProgressive enhancement
7. 7

   SEO, accessibility and content discovery

   Make applications discoverable, shareable and usable by a wider audience.

   Metadata APIOpen Graph imagesSitemapsRobots filesSemantic HTMLAccessible navigation and forms
8. 8

   Regional capstone and deployment

   Complete and publish a practical website for a Ugandan or African organisation.

   Project planningEnvironment variablesProduction buildDeploymentPerformance reviewPortfolio presentation