skills.rest
markpitt
markpittCOMMUNITY
Explore all skills by this author →
GitHub

blazor-blog-feature

Extract blog post metadata and content from Markdown files in Azure File Share.

22|2|Updated Nov 22, 2025
Search Tags:#markdown#azure#wasm#blog#blazor
One-click install
npx skills add https://github.com/markpitt/claude-skills --skill blazor-blog-feature
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blazor-blog-feature
Source: https://github.com/markpitt/claude-skills/tree/main/skills/blazor-blog-feature
Command: npx skills add https://github.com/markpitt/claude-skills --skill blazor-blog-feature

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a production-ready blog feature for Blazor WASM applications hosted on Azure Static Web Apps with serverless backend processing. It handles post listing, detail rendering, and content storage using Markdown with YAML frontmatter in Azure File Share.

Core Features & Use Cases

  • Frontend UI: Razor components for listing posts and rendering Markdown content on the client.
  • Backend API: Azure Functions endpoints to list and fetch posts; YAML frontmatter parsing; DI; JSON payloads.
  • Storage & Content: Markdown posts stored on Azure File Share with images; sample content included.
  • Deployment & Configuration: Guidance for local dev, environment variables, and routing.

Quick Start

Load the project resources, start the Functions API and SWA, then open http://localhost:3000/blog. Create sample posts in the file share under blog-posts and test GET endpoints /api/blog/posts and /api/blog/posts/{slug}.

Frequently Asked Questions about blazor-blog-feature

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a blog feature for a Blazor WASM application with Azure backend storage?▼

This Skill builds a complete blog feature for Blazor WASM apps using Azure Functions for backend API endpoints and Azure File Share for Markdown content storage. It includes client-side Markdown rendering, YAML frontmatter parsing, and JSON data transfer between frontend and backend.

Can I store blog posts as Markdown files in Azure and render them in Blazor?▼

Yes. This Skill extracts Markdown posts with YAML frontmatter from Azure File Share, parses metadata server-side via Azure Functions, and renders HTML content client-side in Blazor WASM components using Razor views.

What's involved in setting up blog post listing and detail pages for Blazor WASM on Azure Static Web Apps?▼

This Skill provides pre-built Razor components for post listing and detail views, Azure Functions endpoints for retrieving posts by slug or listing all posts, DI-enabled backend services, and sample Markdown content to deploy on Azure Static Web Apps.

Does this support YAML frontmatter parsing for blog metadata in Markdown files?▼

Yes. The Skill parses YAML frontmatter from Markdown posts to extract metadata like title, date, and author, transfers it as JSON BlogPostMetadata models to the frontend, and keeps content separate for rendering.

Can I deploy a Blazor blog with serverless backend processing on Azure?▼

Yes. This Skill is built for Blazor WASM on Azure Static Web Apps with serverless Azure Functions as the backend, eliminating the need to manage dedicated servers while handling post retrieval and storage queries.

What are the limitations when hosting blog content in Azure File Share with Blazor WASM?▼

The Skill covers post listing and detail retrieval by slug; static file serving (images) requires separate configuration. Content updates require file share access; real-time sync and advanced search indexing are outside scope.

Related Skills

Explore More Software Engineering Skills→
theslashdojotheslashdojo

functions

Provision and deploy Azure Function Apps via Azure CLI or Core Tools.

Official
Intermediate
jjc4480jjc4480

blog-infra

Deploy static blogs to Cloudflare Pages with SEO metadata and analytics.

Community
Intermediate
tomztomz

azure-static-web-apps

Automate deployment and management of Azure Static Web Apps with serverless APIs and staging.

Community
Advanced
mahg-esmahg-es
3

static-site-generate

Generate static websites from Markdown into deployable HTML with CI workflows.

Official
Intermediate