krompacokrompaco
58

Record Collector

screenshot of Record Collector
hugo
tailwind

A .NET 9.0 Blazor Static SSR site generator

GithubDemo

Overview:

Record Collector is a web project inspired by Hugo that aims to provide a platform for record collectors to organize and showcase their collections. It leverages ASP.NET and C# skills to create static site templates and offers support for parsing TOML, YAML, and JSON front matter. The project is built using .NET 8.0 and various open-source packages and projects.

Features:

  • Content File Conversion: Record Collector converts the content files into C# lists and objects, allowing users to work on both content preview and templating using their existing ASP.NET Blazor SSR and C# skills.
  • Generation Process: The project uses the WebApplicationFactory from the Microsoft.AspNetCore.Mvc.Testing package for the generation process, eliminating the need for console applications or custom web servers. This results in faster generation times.
  • Open Source References: Record Collector utilizes various open-source packages and projects, including YamlDotNet, Tomlyn, Markdig, Tailwind CSS, Hotwire, Simple.css, and Html Agility Pack. These references directly contribute to the functionality and features of the project.
hugo
Hugo

Hugo is an open-source static site generator that features fast build times, flexible themes, support for multiple content formats, multilingual websites, live reloading, and an active community. It allows developers to easily create and deploy SEO-friendly and mobile-responsive websites.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

netlify
Netlify

Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.