Deno Diary logo

Craig's Deno Diary


2020-08-07

2 min read

How I made this blog

Welcome to my blog! I'll be blogging about the JavaScript runtime Deno. I have been closely following Deno since it's 1.0 release, but I got really excited when the framework Fresh was recently released to enable full-stack Deno supported by the Deno core team. Rather than just reporting on Deno news, this blog will focus on articles that demonstrate how to use Deno technologies and ESM third-party libraries.

This blog is built using Fresh. Fresh uses Preact under the covers and follows routing conventions popularized by NextJS. Fresh does not deploy JavaScript by default but allows for JS interactivity if needed (it was not needed at this time). Twind, a runtime compiler for Tailwind, was used to style the site with help from a utility provided by the Fresh devs (util/twind.ts). I'm sure you'll see a lot more about Fresh in future blog posts.

At this point the blog is a simple app that just iterates though files written in Markdown stored in a posts folder. I'm using the gfm library to render the Markdown posts. I intend to go into more details on how this is done in a future article.

Deno Deploy is used to deploy this blog. Deno Deploy's github integration makes easy work of deploying a github repo to Deploy's edge platform.

I'm hoping to evolve the blog with new features and improved code quality as time goes on. Source code can be found in this repo: https://github.com/cdoremus/fresh-blog.

Please reach out to me on Twitter at @cdoremus to offer suggestions and ideas for this blog.