Svelte hackathon

Svelte hackathon

  • #github
  • #opensource
  • #code

17.04.2023

The usual platforms didn't suit me, because I wanted a multilingual version. And in doing so I came up with the original structure of storing files in markdown.

So that's the project I did:

Svelte Markdown multilingual blog

Participating in a Svelte hackathon, the project aims to create a multilingual Markdown blog powered by Svelte, requiring no database and featuring a user-friendly organization. This intuitive structure entails storing posts within the /static folder, divided according to their furl, where each folder contains all relevant post components: text in two languages and images. The Markdown of each post utilizes frontmatter to specify the post title, creation date, tags, visibility, and whether to display it on the homepage. The post illustration is automatically detected if the filename matches the folder name.

The blog is mobile-friendly, with a responsive burger menu. Posts on the main page and within the blog are sorted by date. It supports tags for posts and enables simple autoposting, allowing users to schedule posts for specific dates. Additionally, the site is optimized for SEO, leveraging the benefits of Server Site Generation (SSG).

Features

  • Multilingual Markdown blog
  • No database required
  • Easy organization using the /static folder structure
  • Frontmatter for post title, creation date, tags, visibility and display on home page
  • Automatically identify post illustrations based on folder name
  • Mobile-friendly responsive design with burger menu
  • Posts are sorted by date on the homepage and within the blog
  • Tagging support for posts
  • Simple autoposting to schedule posts for specific dates
  • SEO optimization with Server Site Generation (SSG)
  • Support for changing dark and light themes
  • Easy content management via github from any device (when using Vercel or similar CD/CI)
  • Two types of i18n: 1) domain-based: site.com & site.kg, 2) path-based: site.org/en & site.org/kg

Advanced Features (required DB)

  • Up & Down voting for post (for this feature, you really need DB, we use for example Deta)
  • Comment posts

Super Advanced Features with AI (integration with chatGPT)

  • Very Quick Basic auto moderation via chatGPT (1-5 sec. average)
  • Long Advanced SPAM detection (takes 20-60 sec. average, you need Vercel Pro or similar for long background tasks)

References

About the project: https://lazarevsky.com/blogflow-platform

Comments