armaanas / deno-fresh-blog

Source code for blog made with Deno, Fresh and Twind.

deno-fresh-blog

A simple blog built with Fresh for Deno and Twind (Tailwind CSS framework). Hosted on Deno Deploy.

Features

• Simple Markdown renderer for blog post content
• Uses Twind for easy Tailwind configuration
• Customizable with Preact, Fresh and Tailwind
• Server side rendering for fast load times and perfect Lighthouse scores

Setup

1. Clone this repo on Github
2. Create a Deno Deploy account
3. Create a new project in Deno Deploy and link that Github repo to it
4. Set the entry file to main.ts

Local Development

deno task start

This will run the app on http://localhost:8000

Technologies

• Fresh Framework - Simple Router-based web framework built on Preact
• Twind - Tailwind CSS config for Deno
• Marky - Markdown parser
• Deno Deploy - Serverless hosting

Hope this helps get you started! Let me know if you have any other questions.

Usage

Once you have deployed the blog, you can access it by visiting the URL provided by Deno Deploy.

To create new blog posts, simply create a new markdown file in the posts directory.

The content of the markdown file should be in the following format: Front Matter (YAML + Markdown)

---
title: Title of the Post
author: Your Name
date: YYYY-MM-DDThh:mm:ssZ
---

Content of the post in _Markdown_ format.

You can also add images to your blog post by placing them in the public directory and referencing them in the markdown file.

License

Deno-Fresh-Blog is licensed under the MIT License.