Morethan-Log for Astro

Morethan-Log for Astro is an open-source, multilingual blog template built on the Astro static-site generator, ported from the popular morethan-log Next.js template by JustSereja. It consumes Markdown and MDX posts organized by language and category folders and produces a static blog with i18n, dark mode, full-text search, PWA capabilities, and SEO optimization.

What is Morethan-Log for Astro?

Morethan-Log for Astro is a modern blog template created by Sereja (JustSereja) for his own site sereja.com, then open-sourced. It runs on Astro and requires Node.js 18+, outputting a fully static site. The template takes Markdown or MDX content as input and generates HTML pages, multilingual RSS feeds, a sitemap, and search indexes. It ships with English and Russian locales by default and uses a typed configuration system in src/config/site.ts and src/config/locales.ts.

Key Features

• Multilingual Support — Built-in English and Russian locales with configurable language tags, Open Graph locales, flags, and text direction; all content folders and URLs derive from locale definitions.
• Dark Mode — Automatic theme switching based on system preferences, enabled through the features.darkMode flag in the site config.
• Full-Text Search — Built-in search functionality that indexes your posts, toggled via features.search; no external service required.
• Markdown and MDX Posts — Write content as .md or .mdx with syntax highlighting, and add interactive React islands stored in src/components/islands using Astro's client:load directives.
• Categories — Organize posts into categories such as blog, technology, and projects, each with its own URL path, icon, and localized labels defined in the config.
• SEO and RSS — Includes meta tags, multilingual RSS 2.0 feeds with full HTML content, sitemap generation, and per-language alternates with hreflang attributes.
• Draft and Permalink Control — Post frontmatter supports draft to exclude translations from production builds, permalink for custom slugs, and aiGenerated to surface an AI-content banner.
• PWA Capabilities — The repository metadata lists PWA support among its features, alongside the static-site and SSR-free architecture.

Who is it for?

• Developers building a personal blog — Set up a fast static blog in minutes using the npm create command or GitHub template, then customize everything through typed config files.
• Multilingual content creators — Write posts once per language and let the template generate cross-language links, localized URLs, and separate RSS feeds for each locale.
• Existing morethan-log users — If you previously used the Next.js version, this Astro port offers the same clean design without a server runtime, so you can deploy to any static host.
• Technical writers and teams — Use the projects category, custom pages, and per-language author bios to publish documentation or portfolio content with a consistent look.

What can you do with Morethan-Log for Astro?

• Create a bilingual blog — Add matching files under src/content/posts/en/blog and src/content/posts/ru/blog; the build links translations by file structure and keeps hreflang relationships intact even when per-language permalinks differ.
• Customize categories and URLs — Change a category's path in src/config/site.ts (for example to /case-studies) and all posts in that category, plus the listing page, adopt the new URL automatically.
• Add interactive components — Drop a React island into an MDX post by importing it from src/components/islands and attaching a hydration directive; Astro streams static HTML before React loads.
• Publish language-specific announcements — Create single-language posts when translation is not needed; the language switcher falls back to the homepage of other locales.

How does it work?

1. Scaffold a project with npm create astro@latest -- --template JustSereja/morethan-log-astro or use the GitHub "Use this template" button.
2. Edit src/config/site.ts and src/config/locales.ts to set site URL, title, author, navigation, categories, features, and locale metadata.
3. Add .md or .mdx files under src/content/posts/<lang>/<category>/ with frontmatter for title, date, description, and optional permalink or draft flags.
4. Run npm run dev for local development or npm run build to generate a static dist/ folder; the build copies dist/404.html to dist/404/index.html for GitHub Pages and Netlify compatibility.

Pricing

The template is free and open source. It is available as a GitHub repository and can be installed without charge; the README does not mention any paid plans or license requirements.

FAQ

Is Morethan-Log for Astro free?

Yes. The project is open source on GitHub, and the Quick Start instructions show it can be used as a GitHub template or scaffolded with npm create, with no purchase or subscription involved.

What does Morethan-Log for Astro do?

It generates a static, multilingual blog from Markdown and MDX files. Posts organized in language and category folders are compiled into HTML with dark mode, full-text search, RSS feeds, and SEO metadata. It runs on Astro and requires Node.js 18+.

How do I add a new language?

Extend LOCALE_DEFINITIONS in src/config/locales.ts with a code, label, language tag, and Open Graph locale, then add translations in src/i18n/ui.ts and per-language values in src/config/site.ts. Create content folders such as src/content/posts/es/blog for the new locale.

How do I customize the URL of a post?

Set a permalink field in the post's frontmatter to override the slug segment. It must be a single path segment; the template combines it with the category path and language prefix. Pages in src/content/pages also accept permalink values, including nested paths like company/about.

How does the RSS feed work?

The template generates /rss.xml for the default language and language-specific feeds at /en/rss.xml and /ru/rss.xml. Each feed includes full HTML content, author information, categories, and properly converted image URLs. Feed discovery links are automatically added to the page head, and you can change the default language in src/config/site.ts.