Skip to content

yossydev/honox-blog-templete

Repository files navigation

honox-blog-template

This is a template repository that allows you to easily create a blog site using HonoX.

Technology Stack

  • HonoX: HonoX is a simple and fast supersonic meta-framework for creating full-stack websites and web APIs. It is built on top of Hono, Vite, and a UI library.
  • Biome: Biome is a performant toolchain for web projects, aimed at providing developer tools to maintain the health of the project.
  • highlight.js: Highlight.js is a syntax highlighter written in JavaScript. It works on both the browser and the server, operates with most markup, is independent of other frameworks, and has automatic language detection.
  • tailwindcss: A utility-first CSS framework packed with classes like flex, pt-4, text-center, and rotate-90, which allows you to apply any design directly within your markup.

Example

Getting Started

This section explains how to set up your environment for local development and how to start writing your blog.

Installing

$ npm install

Note that this step does not necessarily have to be done with npm; you may use other package managers like bun or pnpm.

Starting the App

Local Environment

$ npm run dev
$ open http://localhost:5173/

Production Environment

$ npm run build
$ npm run preview
$ b // open a brower

Writing a Blog

Answering three questions will automatically generate an mdx file, making it easier to start writing your blog.

$ npm run create:post

Running npm run create:post