nextjs-music-player Tailwind Templates

Nextjs Music Player

Small music player app built with Next.JS and Tailwind

Mobile version Music player built with Next.js and Tailwind CSS

Made by Patrick Xin

Features

  • Swipeable on mobile.
  • Global state managemant with Zustand
  • Audio api with React Holwer
  • Fully functional player features: repeat, shuffle, next, previous
  • Custom hooks useHolwer, useAnimationFrame
  • TypeScript

Starter template using ts-nextjs-tailwind-starter.

Getting Started

1. Clone the repo:

2. Install dependencies

It is encouraged to use yarn so the husky hooks can work properly.

yarn install

3. Run the development server

You can start the server using this command:

yarn dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx.

Top categories

Loading Svelte Themes