diff --git a/src/albumdata.rs b/src/albumdata.rs
index 2b86b25..a621a8c 100644
--- a/src/albumdata.rs
+++ b/src/albumdata.rs
@@ -1,11 +1,15 @@
 use crate::models::Artist;
 use crate::components::dashboard_tile::DashboardTile;
+use crate::components::album_info::AlbumInfo;
+use serde::{Serialize, Deserialize};
 
 use chrono::NaiveDate;
 
 /// Holds information about an album
 /// 
 /// Intended to be used in the front-end
+
+#[derive(Serialize, Deserialize, Clone)]
 pub struct AlbumData {
 	/// Album id
 	pub id: i32,
@@ -36,4 +40,4 @@ impl DashboardTile for AlbumData {
 	fn description(&self) -> Option<String> {
 		Some(format!("Album • {}", Artist::display_list(&self.artists)))
 	}
-}
+}
\ No newline at end of file
diff --git a/src/api/album.rs b/src/api/album.rs
index ff1f6cf..0bf9390 100644
--- a/src/api/album.rs
+++ b/src/api/album.rs
@@ -1,5 +1,6 @@
 use leptos::*;
 use crate::models::Album;
+use crate::albumdata::AlbumData;
 use crate::songdata::SongData;
 
 use cfg_if::cfg_if;
@@ -13,9 +14,9 @@ cfg_if! {
 }
 
 #[server(endpoint = "album/get")]
-pub async fn get_album(id: i32) -> Result<Album, ServerFnError> {
+pub async fn get_album(id: i32) -> Result<AlbumData, ServerFnError> {
 	let db_con = &mut get_db_conn();
-	let album = Album::get_album(id,db_con)
+	let album = Album::get_album_data(id,db_con)
 		.map_err(|e| ServerFnError::<NoCustomError>::ServerError(format!("Error getting album: {}", e)))?;
 	Ok(album)
 }
diff --git a/src/components.rs b/src/components.rs
index 2624877..de281a7 100644
--- a/src/components.rs
+++ b/src/components.rs
@@ -8,3 +8,4 @@ pub mod upload;
 pub mod song_list;
 pub mod loading;
 pub mod error;
+pub mod album_info;
\ No newline at end of file
diff --git a/src/components/album_info.rs b/src/components/album_info.rs
new file mode 100644
index 0000000..b44a1f5
--- /dev/null
+++ b/src/components/album_info.rs
@@ -0,0 +1,27 @@
+use leptos::leptos_dom::*;
+use leptos::*;
+use crate::albumdata::AlbumData;
+
+#[component]
+pub fn AlbumInfo(albumdata: AlbumData) -> impl IntoView {
+	view! {
+		<div>
+			<div>
+				<img src={albumdata.image_path} alt="dashboard-tile" />
+			</div>
+			<div>
+				<p>{albumdata.title}</p>
+				<div>
+					{
+						albumdata.artists.iter().map(|artist| {
+							view! {
+								<p>{artist.name.clone()}</p>
+							}
+						}).collect::<Vec<_>>()
+					}
+				</div>
+			</div>
+		</div>
+	}.into_view()
+}
+
diff --git a/src/models.rs b/src/models.rs
index 08dd956..71c4180 100644
--- a/src/models.rs
+++ b/src/models.rs
@@ -2,6 +2,7 @@ use chrono::{NaiveDate, NaiveDateTime};
 use leptos::{server, ServerFnError};
 use serde::{Deserialize, Serialize};
 use crate::songdata::SongData;
+use crate::albumdata::AlbumData;
 
 use cfg_if::cfg_if;
 
@@ -539,15 +540,44 @@ impl Album {
 	/// * `Result<Album, Box<dyn Error>>` - A result indicating success with the desired album, or an error
 	/// 
 	#[cfg(feature = "ssr")]
-	pub fn get_album(album_id: i32, conn: &mut PgPooledConn) -> Result<Album, Box<dyn Error>> {
-		use crate::schema::albums::dsl::*;
+	pub fn get_album_data(album_id: i32, conn: &mut PgPooledConn) -> Result<AlbumData, Box<dyn Error>> {
+		use crate::schema::*;
 		use crate::database::get_db_conn;
 
-		let album = albums
+		let album: Vec<(Album, std::option::Option<Artist>)> = albums::table
 			.find(album_id)
-			.first(conn)?;
+			.left_join(songs::table.on(albums::id.nullable().eq(songs::album_id)))
+			.left_join(song_artists::table.inner_join(artists::table).on(songs::id.eq(song_artists::song_id)))
+			.select((
+				albums::all_columns,
+				artists::all_columns.nullable()
+			))
+			.distinct()
+			.load(conn)?;
 
-		Ok(album)
+		let mut artist_list: Vec<Artist> = Vec::new();
+
+		for (_, artist) in album {
+			if let Some(artist) = artist {
+				artist_list.push(artist);
+			}
+		}
+		// Get info of album
+		let albuminfo = albums::table
+			.filter(albums::id.eq(album_id))
+			.first::<Album>(conn)?;
+
+		let img = albuminfo.image_path.unwrap_or("/assets/images/placeholders/MusicPlaceholder.svg".to_string());
+
+		let albumdata = AlbumData {
+			id: albuminfo.id.unwrap(),
+			title: albuminfo.title,
+			artists: artist_list,
+			release_date: albuminfo.release_date,
+			image_path: img
+		};
+
+		Ok(albumdata)
 	}
 
 	/// Obtain an album from its albumid
diff --git a/src/pages/albumpage.rs b/src/pages/albumpage.rs
index 162f870..62c4ed1 100644
--- a/src/pages/albumpage.rs
+++ b/src/pages/albumpage.rs
@@ -1,9 +1,10 @@
 use leptos::leptos_dom::*;
 use leptos::*;
 use leptos_router::*;
-use crate::models::*;
+use crate::{albumdata, models::*};
 use crate::components::song_list::*;
 use crate::api::album::*;
+use crate::components::album_info::*;
 
 
 #[derive(Params, PartialEq)]
@@ -32,7 +33,35 @@ pub fn AlbumPage() -> impl IntoView {
         },
     );
 
+    let albumdata = create_resource(
+        id,
+        |value| async move {
+            match value {
+                Ok(v) => {get_album(v).await},
+                Err(e) => {Err(ServerFnError::Request(format!("Error getting song data: {}", e).into()))},
+            }
+        },
+    );
+
     view! {
+        <Suspense
+            fallback=move || view! { <p>"Loading..."</p> }
+        >
+            {move || {
+                albumdata.with( |albumdata| {
+                    match albumdata {
+                        Some(Ok(s)) => {
+                            view! { <AlbumInfo albumdata=(*s).clone()/> }
+                        },
+                        Some(Err(e)) => {
+                            view! { <div>{format!("Error loading albums: : {}",e)}</div> }.into_view()
+                        },
+                        None => {view! { }.into_view()}
+                    }
+                })
+            }}
+        </Suspense>
+
         <Suspense
             fallback=move || view! { <p>"Loading..."</p> }
         >
@@ -40,7 +69,7 @@ pub fn AlbumPage() -> impl IntoView {
                 song_list.with( |song_list| {
                     match song_list {
                         Some(Ok(s)) => {
-                            view! { <SongList songs=(*s).clone().into()/> }.into_view()
+                            view! { <SongList songs=(*s).clone()/> }
                         },
                         Some(Err(e)) => {
                             view! { <div>{format!("Error loading albums: : {}",e)}</div> }.into_view()