Frontend Masters – Build a Fullstack Music App with Next.js 2022-3

Build a Fullstack Music App with Next.js, 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!

What you’ll learn

• Setup Chakra UI
• Creating Player Layout
• Creating the Sidebar
• Create a List Nav with LinkBox
• Setup Prisma & PostgreSQL on Heroku
• Prisma Schema
• Data Modeling
• Creating Schema & Migrations with Prisma
• Seeding Data
• Signup API Route
• Auth Pages
• Protected Route Handler
• Custom Hooks for Fetching Data
• Load Artists Data
• Artists List UI Layout
• Seed User Data
• Build Dynamic Playlist Pages
• Playlist Page UI
• Auth Error Handling
• Player Controls UI
• Player Controls State
• Playing Songs State
• Shuffle and Next Song Controls
• Seek Bar Controls

Specificatoin of Build a Fullstack Music App with Next.js

• Publisher : Frontend Masters
• Teacher : Scott Moss
• Language : English
• Level : All Levels
• Number of Course : 55
• Duration : 9 hours and 6 minutes

Content

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle : English

Quality: 720p

Download Links

Download Part 1 – 1 GB

Download Part 2 – 606 MB

File size

1.59 GB