diff --git a/music_storage/music/migrations/0003_alter_track_album.py b/music_storage/music/migrations/0003_alter_track_album.py
new file mode 100644
index 0000000..3a75657
--- /dev/null
+++ b/music_storage/music/migrations/0003_alter_track_album.py
@@ -0,0 +1,19 @@
+# Generated by Django 6.0 on 2026-01-02 07:42
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('music', '0002_remove_track_artist'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='track',
+            name='album',
+            field=models.ForeignKey(blank=True, default=None, null=True, on_delete=django.db.models.deletion.SET_DEFAULT, related_name='tracks', to='music.album'),
+        ),
+    ]
diff --git a/music_storage/music/migrations/0004_alter_track_album.py b/music_storage/music/migrations/0004_alter_track_album.py
new file mode 100644
index 0000000..35ea407
--- /dev/null
+++ b/music_storage/music/migrations/0004_alter_track_album.py
@@ -0,0 +1,19 @@
+# Generated by Django 6.0 on 2026-01-02 07:45
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('music', '0003_alter_track_album'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='track',
+            name='album',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='tracks', to='music.album'),
+        ),
+    ]
diff --git a/music_storage/music/migrations/0005_alter_album_artist.py b/music_storage/music/migrations/0005_alter_album_artist.py
new file mode 100644
index 0000000..91d3d9b
--- /dev/null
+++ b/music_storage/music/migrations/0005_alter_album_artist.py
@@ -0,0 +1,19 @@
+# Generated by Django 6.0 on 2026-01-02 07:56
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('music', '0004_alter_track_album'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='album',
+            name='artist',
+            field=models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='albums', to='music.artist'),
+        ),
+    ]
diff --git a/music_storage/music/models.py b/music_storage/music/models.py
index 90b4863..3754049 100644
--- a/music_storage/music/models.py
+++ b/music_storage/music/models.py
@@ -10,7 +10,7 @@ class Artist(BaseModel):
 
 
 class Album(BaseModel):
-    artist = models.ForeignKey(Artist, on_delete=models.CASCADE)
+    artist = models.ForeignKey(Artist, on_delete=models.CASCADE, related_name="albums")
     name = models.CharField(max_length=200)
 
     def __str__(self):
@@ -19,7 +19,7 @@ class Album(BaseModel):
 
 class Track(BaseModel):
     title = models.CharField(max_length=200)
-    album = models.ForeignKey(Album, blank=True, null=True, default=None, on_delete=models.SET_DEFAULT)
+    album = models.ForeignKey(Album, on_delete=models.CASCADE, related_name="tracks")
     file = models.FileField(upload_to="music/")
 
     def __str__(self):
diff --git a/music_storage/music/urls.py b/music_storage/music/urls.py
index 03db8bc..6fc5179 100644
--- a/music_storage/music/urls.py
+++ b/music_storage/music/urls.py
@@ -1,8 +1,12 @@
 from django.urls import path
 
 from music.views import TrackListView
+
 from music.views import AlbumListView
+from music.views import AlbumDetailView
+
 from music.views import ArtistListView
+from music.views import ArtistDetailView
 
 
 app_name = "music"
@@ -10,5 +14,7 @@ app_name = "music"
 urlpatterns = [
     path("tracks/", TrackListView.as_view(), name="track_list"),
     path("albums/", AlbumListView.as_view(), name="album_list"),
+    path("albums/<int:pk>/", AlbumDetailView.as_view(), name="album_detail"),
     path("artists/", ArtistListView.as_view(), name="artist_list"),
+    path("artists/<int:pk>/", ArtistDetailView.as_view(), name="artist_detail"),
 ]
diff --git a/music_storage/templates/base.html b/music_storage/templates/base.html
index 5755799..c685368 100644
--- a/music_storage/templates/base.html
+++ b/music_storage/templates/base.html
@@ -4,6 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="stylesheet" href="{% static '/css/main.css' %}">
     {% block head_extra %}{% endblock %}
     <title>{% block title %}Музыкальный сервис{% endblock %}</title>
diff --git a/music_storage/templates/components/album_list.html b/music_storage/templates/components/album_list.html
new file mode 100644
index 0000000..bc6207a
--- /dev/null
+++ b/music_storage/templates/components/album_list.html
@@ -0,0 +1,11 @@
+{% load static %}
+
+<ul>
+    {% for album in albums %}
+    <li>
+        <a href="{% url 'music:album_detail' album.id %}">{{ album.name }}</a> by {{ album.artist }}
+    </li>
+    {% empty %}
+    <li>No albums available.</li>
+    {% endfor %}
+</ul>
\ No newline at end of file
diff --git a/music_storage/templates/components/artist_list.html b/music_storage/templates/components/artist_list.html
new file mode 100644
index 0000000..e1628f1
--- /dev/null
+++ b/music_storage/templates/components/artist_list.html
@@ -0,0 +1,11 @@
+{% load static %}
+
+<ul>
+    {% for artist in artists %}
+    <li>
+        <a href="{% url 'music:artist_detail' artist.id %}">{{ artist.name }}</a>
+    </li>
+    {% empty %}
+    <li>No artists available.</li>
+    {% endfor %}
+</ul>
diff --git a/music_storage/templates/player.html b/music_storage/templates/components/player.html
similarity index 100%
rename from music_storage/templates/player.html
rename to music_storage/templates/components/player.html
diff --git a/music_storage/templates/components/track_list.html b/music_storage/templates/components/track_list.html
new file mode 100644
index 0000000..e9a33cc
--- /dev/null
+++ b/music_storage/templates/components/track_list.html
@@ -0,0 +1,23 @@
+{% load static %}
+
+<link rel="stylesheet" href="{% static 'css/track_list.css' %}">
+<div class="container">
+    <ul class="track-list">
+        {% if tracks %}
+            {% for track in tracks %}
+            <li class="track-item" data-track-id="{{ track.id }}" data-track-src="{{ track.file.url }}">
+                <div class="track-info">
+                    <h3 class="track-title">{{ track.title }}</h3>
+                    <p class="track-artist">Исполнитель: {{ track.album.artist }}</p>
+                </div>
+            </li>
+            {% endfor %}
+        {% else %}
+            <div class="empty-state">
+                <i class="fas fa-music"></i>
+                <p>Нет добавленных треков</p>
+            </div>
+        {% endif %}
+    </ul>
+</div>
+{% include 'components/player.html' %}
diff --git a/music_storage/templates/music/album_detail.html b/music_storage/templates/music/album_detail.html
new file mode 100644
index 0000000..cc315b5
--- /dev/null
+++ b/music_storage/templates/music/album_detail.html
@@ -0,0 +1,11 @@
+{% extends "base.html" %}
+
+{% block title %}Album Detail{% endblock %}
+
+{% block content %}
+<h1>{{ album.name }}</h1>
+<p>Artist: {{ album.artist }}</p>
+<p>Release Date: {{ album.release_date }}</p>
+<h2>Tracks</h2>
+{% include 'components/track_list.html' with tracks=album.tracks.all %}
+{% endblock %}
\ No newline at end of file
diff --git a/music_storage/templates/music/album_list.html b/music_storage/templates/music/album_list.html
index e69de29..f21c728 100644
--- a/music_storage/templates/music/album_list.html
+++ b/music_storage/templates/music/album_list.html
@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+{% block title %}Album List{% endblock %}
+
+{% block content %}
+<h1>Album List</h1>
+{% include 'components/album_list.html' with albums=albums %}
+{% endblock %}
\ No newline at end of file
diff --git a/music_storage/templates/music/artist_detail.html b/music_storage/templates/music/artist_detail.html
new file mode 100644
index 0000000..7e28e4d
--- /dev/null
+++ b/music_storage/templates/music/artist_detail.html
@@ -0,0 +1,10 @@
+{% extends "base.html" %}
+
+{% block title %}Artist Detail{% endblock %}
+
+{% block content %}
+<h1>{{ artist.name }}</h1>
+<p>Genre: {{ artist.genre }}</p>
+<h2>Albums</h2>
+{% include 'components/album_list.html' with albums=artist.albums.all %}
+{% endblock %}
\ No newline at end of file
diff --git a/music_storage/templates/music/artist_list.html b/music_storage/templates/music/artist_list.html
index e69de29..3f3fa13 100644
--- a/music_storage/templates/music/artist_list.html
+++ b/music_storage/templates/music/artist_list.html
@@ -0,0 +1,7 @@
+{% extends "base.html" %}
+
+{% block title %}Artist List{% endblock %}
+{% block content %}
+<h1>Artist List</h1>
+{% include 'components/artist_list.html' with artists=artists %}
+{% endblock %}
diff --git a/music_storage/templates/music/track_list.html b/music_storage/templates/music/track_list.html
index d92a21c..174857c 100644
--- a/music_storage/templates/music/track_list.html
+++ b/music_storage/templates/music/track_list.html
@@ -1,29 +1,5 @@
 {% extends 'base.html' %}
 
-{% load static %}
-{% block head_extra %}
-<link rel="stylesheet" href="{% static 'css/track_list.css' %}">
-{% endblock head_extra %}
-
 {% block content %}
-<div class="container">
-    <ul class="track-list">
-        {% if tracks %}
-            {% for track in tracks %}
-            <li class="track-item" data-track-id="{{ track.id }}" data-track-src="{{ track.file.url }}">
-                <div class="track-info">
-                    <h3 class="track-title">{{ track.title }}</h3>
-                    <p class="track-artist">Исполнитель: {{ track.album.artist }}</p>
-                </div>
-            </li>
-            {% endfor %}
-        {% else %}
-            <div class="empty-state">
-                <i class="fas fa-music"></i>
-                <p>Нет добавленных треков</p>
-            </div>
-        {% endif %}
-    </ul>
-</div>
-{% include 'player.html' %}
+{% include 'components/track_list.html' %}
 {% endblock %}