Software Development

Full-Stack Web Development with Next.js

Build modern full-stack web applications with HTML, CSS, JavaScript, React, Next.js, Node.js, databases, authentication, testing, and deployment.

16 weeks DurationBeginner-friendly Learning supportHybrid / Online Format

Enroll for this course Ask admissions

Full-Stack Web Development with Next.js at Loctech

Tuition₦430,000VAT-inclusive where applicable. Instalment plans are available.

What you will learn

Graduate with skills you can demonstrate.

Build portfolio-ready web applications

Understand full-stack product workflows

Prepare for junior web developer or freelance roles

Upcoming classes

Choose a published intake.

Dates shown here come from the Loctech class system.

The next intake is being confirmed.

Admissions will confirm the start date, class time, learning format, and availability before you make a commitment.

Ask for the next class date

Curriculum

Your course curriculum.

16 modules / 16 weeks

01Module 1: Web Engineering Foundations

How the web works: clients, servers, DNS, HTTP, and browsers

Development environment, VS Code, terminal, and project structure

Git fundamentals and a professional source-control workflow

02Module 2: Semantic HTML

Document structure, semantic elements, links, lists, tables, and media

Accessible forms, validation, and inclusive markup

Build and review a multi-page website

03Module 3: CSS Foundations

Selectors, cascade, inheritance, units, colours, and typography

Box model, display, positioning, and reusable styles

Debug layouts with browser developer tools

04Module 4: Responsive Interface Design

Mobile-first design, media queries, Flexbox, and CSS Grid

Wireframes, breakpoints, responsive images, and accessibility

Recreate a responsive interface from a design brief

05Module 5: Tailwind CSS

Utility-first styling, configuration, responsive variants, and states

Components, forms, navigation, layout patterns, and design consistency

Deliver a responsive Tailwind milestone project

06Module 6: JavaScript Fundamentals

Variables, types, operators, strings, arrays, and objects

Conditions, loops, functions, scope, and error handling

Solve practical programming exercises in the browser and Node.js

07Module 7: Modern JavaScript

Array methods, destructuring, spread, modules, and classes

Asynchronous JavaScript, promises, async/await, and Fetch

DOM events, form handling, local storage, and API integration

08Module 8: TypeScript Foundations

Static types, interfaces, unions, generics, and type narrowing

Configure TypeScript and type application data safely

Convert a JavaScript feature to TypeScript

09Module 9: React Foundations

Components, JSX, props, composition, and reusable UI

State, events, conditional rendering, lists, and forms

Build a component-driven React application

10Module 10: React Application Architecture

Effects, custom hooks, context, reducers, and state design

Data fetching, loading states, error states, and caching fundamentals

Accessibility, performance, testing, and maintainable folder structure

11Module 11: Next.js Full-Stack Development

App Router, layouts, pages, navigation, and dynamic routes

Server and client components, route handlers, and server actions

Metadata, images, caching, and rendering strategies

12Module 12: Node.js and API Design

Node.js runtime, packages, environment variables, and server fundamentals

RESTful routes, validation, errors, logging, and API documentation

Build and test a secure application API

13Module 13: Databases and Data Modelling

Relational modelling, SQL fundamentals, and PostgreSQL

ORM schemas, migrations, queries, relationships, and transactions

Connect a Next.js application to a production database

14Module 14: Authentication and Security

Sessions, cookies, password security, authorization, and protected routes

Input validation, common web threats, secrets, and secure configuration

Implement role-aware authentication end to end

15Module 15: Testing and Deployment

Unit, component, integration, and end-to-end testing strategy

Production builds, environment management, CI checks, and deployment

Monitoring, logs, performance, and post-release maintenance

16Module 16: Capstone Project

Plan a complete product from requirements and data model to interface

Build, test, secure, document, and deploy the full-stack application

Present the solution and respond to technical review feedback

Before the first class

Know what you need and where the course can take you.

Prerequisites

Basic computer literacy

Strong desire to learn

Access to a laptop/computer

No prior programming experience required

Tools you will practise with

React

Next.js

TypeScript basics

GitHub

Vercel

Project experience

Build work worth showing.

Completion credential

Earn a verifiable Loctech certificate.

Verifiable Loctech certificate of completion with an industry-aligned curriculum.

Questions answered

Before you apply.

Do I need prior experience?

Beginner tracks assume no prior experience.

Can I learn online?

Yes — most programs run hybrid and online with live instructor-led classes.

Do I get a certificate?

Yes — a verifiable Loctech certificate on completion.

All programmes