Musee
Fast, responsive , self-hosted image gallery. Ships minimal JS to the client.
Overview:
Musée is a theme that was initially created as an experimentation with Remix.run, but has now been rewritten using Astro.build. It was developed to address the limitations of using Ruby for hosting images in the existing waschinski/photo-stream gallery. The main goal of Musée is to deliver a masonry layout without relying on client-side JavaScript, while still ensuring responsiveness. However, due to the current limitations of CSS Grid Masonry, some client-side JavaScript is required. The theme offers various features such as image thumbnail generation, image compression, removal of image metadata, TypeScript support, static generation, TailwindCSS integration, and OpenGraph meta tags.
Features:
- Generate image thumbnails
- Compress original images
- Strip image metadata before deployment
- Typescript support
- Statically Generated
- Uses TailwindCSS
- OpenGraph meta tags
- Captions for images (in progress)
- Device metadata for images (in progress)
- Image geo-tag map generation (in progress)
Summary:
Musée is a theme developed initially with Remix.run and now rewritten using Astro.build. It aims to overcome the limitations of Ruby-based image hosting through the waschinski/photo-stream gallery. The primary objective is to deliver a masonry layout without relying entirely on client-side JavaScript. The theme incorporates features such as image thumbnail generation, image compression, removal of image metadata, TypeScript support, static generation, TailwindCSS integration, and OpenGraph meta tags. While client-side JavaScript is still required for some aspects, the goal is to minimize its usage. You can contribute to the project by making a pull request on the repository.
- Astro
Astro is the all-in-one web framework designed for speed. Pull your content from anywhere and deploy everywhere, all powered by your favorite UI components and libraries.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Remix
Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.