DEV Community

Cover image for Professional Profile website for a Performer
Henri Fournier
Henri Fournier

Posted on

1 1 1

Professional Profile website for a Performer

This is a submission for the Netlify Dynamic Site Challenge: Visual Feast.

What I Built

A professional profile website for a storyteller, actor, singer, playwright, and director based in Toronto. The site features a CSS-only carousel and a masonary-style gallery showcasing performance images.

Demo

https://thomas-fournier-astro.netlify.app/

Masonary-style gallery

Platform Primitives

Using Astro, I leveraged the Netlify Image CDN to automatically optimize all the images used in the carousel, the gallery, and the lightbox-style popup images. Despite being an image heavy website, it stills scores 100 across the board on the Lighthouse performance audit. The best part was that it required almost no extra effort... all I had to do was add the Netlify adapter to my Astro project. Bam!

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (2)

Collapse
 
florian_lefebvre profile image
Florian Lefebvre

Awesome job Henri!

Collapse
 
at-the-vr profile image
Atharva

Ok its safe to say I am being spoiled by all these fancy tools. Can I have some CLS please 🥺. So glad that those images are wrapped in a button for some sweet a11y 🙌

Postmark Image

Speedy emails, satisfied customers

Are delayed transactional emails costing you user satisfaction? Postmark delivers your emails almost instantly, keeping your customers happy and connected.

Sign up

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay