Ship sites faster. Write smarter. Own everything.

Bloggen has two parts. There is a web app at bloggen.dev with six AI content tools, and there is a production grade Next.js starter template you install with one command. The web app generates content. The starter template is the publishing infrastructure you keep in your own repo.

npx create-bloggen-app

Try the Web App | View on GitHub

the problem#

Setting up a developer blog from scratch takes longer than it should. Starter templates give you a layout and a content directory. Everything else is still on you: structured data, meta pipelines, OG images, live MDX editing, consistent formatting. Days of wiring up infrastructure that has nothing to do with writing.

Hosted platforms solve that, but at a cost. You cannot customize the rendering pipeline, you cannot embed React components, and you do not own the output. Migrating out later is painful.

Bloggen is built for the gap between those two options. Six AI content tools cover the generation work. A solid starter template covers the publishing infrastructure. Your content stays in your repo, you deploy on your terms, and you are never locked into a platform you cannot leave.

Bloggen web app: six content tools#

Sign in at bloggen.dev to access all six tools. Each produces clean, exportable output you can drop directly into your project.

1. MDX blog generator#

Generates structured MDX blog posts from a topic. The AI handles scaffolding: headings, section structure, frontmatter fields, and SEO suggestions. You fill in the substance and your actual expertise. The output is a properly formatted, logically structured file, not a wall of generated filler.

2. Guide generator#

For long-form technical content: setup guides, walkthroughs, "how we built X" posts. Give it a topic and you get a logical teaching flow with prerequisites, step-by-step sections, and code examples already blocked out.

3. JSON-LD schema generator#

Paste your content details, get valid JSON-LD you can drop into your page head. No hand-writing schema, no third-party plugin. Fewer than 30% of developer blogs implement structured data despite it being a documented ranking factor (Semrush, 2025). This closes that gap in about thirty seconds.

4. MDX viewer and editor#

Write MDX and see the rendered output in real time. Frontmatter management, syntax highlighting, component rendering, layout preview. Catch formatting issues before they hit production.

5. OG image generator#

Customizable Open Graph images for social sharing. Replaces the blank gray card that shows up when someone shares an unoptimized link, without requiring a separate image editing workflow.

6. README generator#

README files with templates for different project types and automatic badge generation. Useful if you maintain a blog alongside open-source projects and want consistent documentation across both.

Bloggen SEO starter: the template#

The starter template is what ships when you run npx create-bloggen-app. It is a production grade Next.js application with MDX content management, SEO automation, and a complete theming system. MIT licensed and fully open source.

SEO#

Everything is built in from the start: global metadata config via a single site.tsx file, automatic sitemap and robots.txt generation, dynamic OG images via @vercel/og, type-safe JSON-LD structured data via schema-dts, RSS feed generation, Google Analytics 4 integration, and Lighthouse-optimized accessibility scores. None of it requires separate packages or config files after the install.

Content architecture#

MDX is handled via Fumadocs with fully typed frontmatter. Dynamic route generation covers blogs, docs, services, and any custom content sections you add. Every MDX file becomes a URL automatically. The directory structure is flexible enough to support any page hierarchy you need.

Theming and design#

The template uses the Designrift theming engine, built by Silverthread Labs. Semantic design tokens keep styling consistent across themes. Color palettes are Radix-based with WCAG-compliant contrast ratios. Light and dark mode come standard. UI components use Radix UI primitives with CVA for variant management, Framer Motion for animations, and mobile-first responsive layouts throughout.

Security and developer tooling#

CSP and HSTS headers are built in with zero-config security defaults. On the dev side: Turbopack for fast iteration, ESLint 9 with comprehensive presets, Prettier 3 with import sorting and Tailwind class ordering, pnpm, strict TypeScript 5 with absolute imports, and Zod validation for environment variables.

Tech stack#

No database required. No CMS integration to maintain. Posts are file-system routed: write an MDX file, get a URL. The production build produces a fully static or ISR-enabled site depending on your configuration.

Get started#

Use the starter template#

npx create-bloggen-app
cd my-bloggen-app
pnpm install
pnpm run dev

Open http://localhost:3000. Your site is running with SEO automation, structured data, OG images, and a complete design system. Start writing.

Or clone directly:

git clone https://github.com/silverthreadlabs/bloggen-seo-starter.git

Use the web app#

Visit bloggen.dev, sign in, and start generating content. Export as MDX and drop it into any project.

Current status#

Bloggen is in alpha. The web app and starter template are both functional and actively maintained. New tools and generator improvements are in progress.

The starter template is free and open source under the MIT license. Web app pricing is not yet finalized.

Frequently asked questions#

What is Bloggen?#

Bloggen is a developer publishing platform with two parts: an AI-powered web app at bloggen.dev with six content tools (MDX blog generator, guide generator, JSON-LD schema generator, MDX viewer/editor, OG image generator, README generator), and an open-source Next.js starter template you install via npx create-bloggen-app.

Who is Bloggen for?#

Developers, technical founders, and dev-focused teams who want a code-first publishing stack with full control over content, rendering, and deployment.

Is Bloggen free?#

The starter template is MIT licensed and free. The web app is free during alpha. Web app pricing has not been finalized yet.

What tech stack does Bloggen use?#

Next.js with the App Router, TypeScript 5 in strict mode, Tailwind CSS v4, MDX via Fumadocs, Radix UI, Radix Colors, Designrift theming, Framer Motion, Zod, and Vercel for deployment. The stack was chosen to stay close to the Next.js ecosystem without pulling in a CMS or database.

How is Bloggen different from hosted blogging platforms?#

You own everything. Content lives as MDX files in your repo. You control the rendering pipeline, you can embed React components in posts, and you deploy wherever you want. No vendor lock-in, no proprietary format.

Does Bloggen work without the web app?#

Yes. The starter template is a standalone Next.js application. Write MDX files manually, customize the template, and never touch the web app if you prefer. The web app just speeds up content generation.

Can I use Bloggen for more than a blog?#

Yes. The starter supports blogs, documentation, service pages, product pages, and any custom content section you define. The routing is flexible enough for a full content-driven website.

Ready to build developer tools or a content-driven web product? Explore our Web and SaaS Development services or see how we approach AI developer tooling.

Want to discuss a custom project? Book a free Automation Audit.