Coursera Bets $100 Million That Andrew Ng Can Do What Coursera Can’t

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Next.js UI Foundations & Read-Only Data

via CodeSignal

Go to class Write review

Overview

You’ll set up the application shell (root and dashboard layouts), then render a dashboard with basic statistics from the backend using SWR. You’ll add a read-only tasks list and introduce a small UI library (Button) to keep styling consistent. Finally, you’ll add a toast system and a robust API client to standardize server responses, plus route-level loading and error UI.

Syllabus

  • Unit 1: App Shell and Styling
    • Exploring the App Shell and Layouts
    • Building the Root Layout
    • Highlighting the Active Navigation Link
    • Rendering Navigation with map
  • Unit 2: Dashboard Stats Overview
    • Exploring the Dashboard Stats Page
    • Wiring Up the Root Page
    • Implementing the API Client
    • Fetching and Displaying Dashboard Stats
    • Creating the StatCard Component
  • Unit 3: Displaying Tasks List
    • Exploring the Tasks List Page
    • Adding Navigation Buttons to Tasks
    • Building a Reusable Button Component
    • Fetching and Rendering the Task List
    • Displaying Individual Task Details

Reviews

Start your review of Next.js UI Foundations & Read-Only Data

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.