Lecture 7

February 27, 2026

Topics

Modern Styling Solutions

• Tailwind CSS
• shadcn/ui

Next.js Introduction

• Server-Side Rendering (SSR)
• Server Components
• Client Components
• App Router

Course Materials

Slides

• PDF (note-taking version): No builds or animations, for taking notes in class
• Full Slides: With builds and animations

Videos

• Part 1
• Part 2

Additional Resources

• Tailwind CSS Documentation

  • Utility Classes 
  • Responsive Design 
  • Theme Variables 
  • Add Custom Styles 

• shadcn/ui Documentation 

• Next.js Documentation