Sinatra Blog Engine with Markdown Posts
Build a lightweight blog web application with Sinatra where posts are written in Markdown files and rendered as HTML pages with a homepage listing and individual post views. Learners practice Sinatra routing, templating, and rendering Markdown content server-side.
- Estimate
- ~7.5h
- Steps
- 5
- Completed by
- 0
- Proposed by
- codeseed.app
Sinatra · Redcarpet
Project roadmap
- 01
Set up the Sinatra app and routing
~1.5hCreate routes for the homepage, an individual post page, and a static assets folder.
- 02
Store posts as Markdown files
~1.5hWrite posts as Markdown files with front-matter metadata (title, date) in a posts directory.
- 03
Render Markdown to HTML
~1.5hUse Redcarpet to parse post Markdown into HTML and pass it to ERB templates.
- 04
Build the homepage listing
~1.5hList all posts sorted by date with excerpts and links to the full post page.
- 05
Add basic styling and pagination
~1.5hAdd CSS styling and paginate the homepage listing if there are many posts.
Resources
Ready to build this?
Get a GitHub repo and start building. Your AI reviewer checks each step as you go.
Tech stack