All Courses
⚛️
Intermediate10 weeks

React & Next.js

Master the frameworks that power modern web applications.

Modern frontend development with the most in-demand frameworks.

What You'll Learn

Build component-based UIs with React 18
Manage state with useState, useEffect, and Context API
Create full-stack apps with Next.js App Router
Fetch and cache data with server components
Style apps efficiently with Tailwind CSS
Connect to databases and build API routes
Deploy production apps to Vercel

Course Curriculum

Week 1–2React Core
  • Components, props, and JSX
  • useState and controlled inputs
  • useEffect and side effects
  • Conditional rendering and lists
Week 3–4React Advanced
  • Context API for global state
  • Custom hooks
  • React Router for navigation
  • useMemo and useCallback for performance
Week 5–7Next.js App Router
  • Pages, layouts, and routing
  • Server vs. client components
  • Data fetching and caching strategies
  • API routes with Route Handlers
Week 8–10Full-Stack Project
  • Tailwind CSS for styling
  • Supabase for database and auth
  • Image optimisation and SEO
  • Deployment and CI/CD with Vercel

Projects You'll Build

Blog platform with CMSE-commerce product listingDashboard with chartsFull-stack SaaS MVP

Tools & Technologies

React 18Next.js 14Tailwind CSSSupabaseVercelTypeScript (intro)
Prerequisites
  • ▸Solid HTML, CSS, and JavaScript (Web Development course or equivalent)
  • ▸Comfort with functions and arrays in JS
Who It's For
  • ▸College students (CS/IT)
  • ▸Self-taught developers going professional
  • ▸Anyone targeting a frontend or full-stack role

Enroll Now

Creates your CodeMind login automatically

React & Next.js

Already have an account? Sign in

10 weeks
Duration
Intermediate
Level
Yes
Certificate
Online / Offline
Mode