Build a Fullstack Music App with Next.js

Build a Fullstack Music App with Next.js

9 hours, 6 minutes CC

A second and third version of this course released using Next 13+, but this course is great if you want to see another example fullstack project. We now recommend you take the Build an AI-Powered Fullstack Next.js App, v3 course.

Learn by coding through a fun, project-based course full real-world design problems from front-end to back-end. You’ll build a music app with features like playlists, audio player, shuffle, and more! Use a modern stack of tools: React, Next.js, Typescript, and Postgres. Code reusable UI components, database schemas and migrations, API calls with serverless functions, and deploy it for the world to see!

This course and others like it are available as part of our Frontend Masters video subscription.

Published: March 15, 2022
Get Unlimited Access Now
Table of Contents


Code Setup

App Layout


Data Modeling



Fetching Data

UI Layout

Dynamic UI

State Management


Deployment & Testing

Wrapping Up