m4x809/list-of-lp
1
0
Fork 0
mirror of https://github.com/M4X809/list-of-lp.git synced 2025-12-25 11:12:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
6 commits 1 branch 0 tags 7.4 MiB
TypeScript 94.4%
CSS 2.3%
Dockerfile 1.7%
JavaScript 1.6%
Find a file
m4x809 7df7c86ce3
Add "Minutes to Midnight" tracks and update song links 
- Added 12 new tracks from the "Minutes to Midnight" album to fetched-songs.json.
- Updated song-links.json with Spotify, YouTube, and Apple Music links for each new track.
- Refactored TrackCard and AlbumCard components to use updated field names for live performance URLs.
- Adjusted ListTypes.ts to reflect changes in the Track type structure for live performance data.
2025-10-25 01:49:55 +02:00
data Add "Minutes to Midnight" tracks and update song links 2025-10-25 01:49:55 +02:00
public first version 2025-10-25 00:20:37 +02:00
scripts Add new scripts and update album data 2025-10-25 01:02:10 +02:00
src Add "Minutes to Midnight" tracks and update song links 2025-10-25 01:49:55 +02:00
.gitignore first version 2025-10-25 00:20:37 +02:00
biome.json first version 2025-10-25 00:20:37 +02:00
eslint.config.js first version 2025-10-25 00:20:37 +02:00
next.config.ts first version 2025-10-25 00:20:37 +02:00
package.json Add new scripts and update album data 2025-10-25 01:02:10 +02:00
postcss.config.js first version 2025-10-25 00:20:37 +02:00
prettier.config.js first version 2025-10-25 00:20:37 +02:00
README.md first version 2025-10-25 00:20:37 +02:00
tsconfig.json Add new scripts and update album data 2025-10-25 01:02:10 +02:00

README.md

Linkin Park Albums

A modern web application showcasing the complete discography of Linkin Park, built with Next.js 15 and React 19.

Features

  • 🎵 Browse all Linkin Park albums
  • 📱 Responsive design with Tailwind CSS
  • 🎨 Beautiful UI with Mantine components
  • ⚡ Fast static generation with Next.js App Router
  • 🖥️ Server components for optimal performance
  • 🎭 Smooth transitions and hover effects

Tech Stack

  • Framework: Next.js 15 (App Router)
  • React: React 19 (Canary)
  • UI Components: Mantine Core 8.3.5
  • Styling: Tailwind CSS 4.1.15
  • Package Manager: Bun
  • TypeScript: 5.9.3

Project Structure

src/
├── app/
│   ├── layout.tsx          # Root layout with Mantine provider
│   ├── page.tsx            # Home page (server component)
│   └── album/
│       └── [albumId]/
│           ├── page.tsx    # Album detail page (server component)
│           └── not-found.tsx
├── components/
│   ├── AlbumCard.tsx       # Album card component (client component)
│   └── BackButton.tsx      # Back button (client component)
├── lib/
│   ├── list.ts             # Album data
│   └── ListTypes.ts        # TypeScript types
└── index.css               # Global styles

Getting Started

Install dependencies:

bun install

Run the development server:

bun run dev

Open http://localhost:3000 to view the app.

Build

Build for production:

bun run build

Start the production server:

bun run start

Features Explanation

Server Components

The app leverages Next.js App Router with server components for optimal performance:

  • Home page (page.tsx) - Server component that renders the album grid
  • Album detail page (album/[albumId]/page.tsx) - Server component with static generation

Client Components

Interactive components use the "use client" directive:

  • AlbumCard - Handles click navigation to album details
  • BackButton - Handles navigation back to home

Static Generation

Album detail pages are statically generated at build time using generateStaticParams, providing instant page loads.

License

MIT