ASP.NET Core Photo Gallery

A photo gallery site implemented in ASP.NET Core 2.0 Razor Pages.

Demo website: https://gallerytemplate.azurewebsites.net/

Features

• Elegant masonry layout of images
• Easy to manage through simple admin interface
• All major browsers fully supported (IE 10+)
• Social media integration (Facebook, Twitter, Pinterest)
• Follows best practices for web applications
  • See DareBoost report

Technical features

• High performance. Gets 100/100 points on Google PageSpeed Insights
  • Run PageSpeed Insights
• Speed Index < 1000
  • See WebPageTest
• Meets highest accessibility standards
  • Run accessibility validator
• W3C standards compliant HTML and CSS
  • Run HTML validator
• Automatic thumbnail generation
• Responsive web design
  • See mobile emulators
• Mobile friendly
  • Run Mobile-Friendly Test
• Responsive image sizes using the srcset attribute
• Schema.org support with HTML 5 Microdata
  • Run testing tool
• OpenGraph support for Facebook, Twitter, Pinterest and more
  • Check the tags
• Seach engine optimized
  • Run SEO Site Checkup
• Security HTTP headers set
  • Run security scan
• Uses the Azure Image Optimizer for superb image compression
• Uses a CDN Tag Helper to make it easy to serve the images from any CDN.

Admin interface

When logged in, you can manage the albums and photos easily through a simple-to-use admin bar located under the header on the website.

This is how to create new albums directly from the home page:

Uploading photos to an album or deleting the entire album:

Rename or delete a photo:

How to use

On the command line, install the template.

dotnet new --install MadsKristensen.AspNetCore.PhotoGallery

Then run it from any folder.

dotnet new gallery