A simple blog built with Fresh for Deno and Twind (Tailwind CSS framework). Hosted on Deno Deploy.
- 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
- Clone this repo on Github
- Create a Deno Deploy account
- Create a new project in Deno Deploy and link that Github repo to it
- Set the entry file to main.ts
deno task start
This will run the app on http://localhost:8000
- 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.
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.
Deno-Fresh-Blog is licensed under the MIT License.