Create a blog section in cellajs

[yossydev]

Overview

Create a blog section in cellajs.

Technology used

• HonoX: https://github.com/honojs/honox
• shadcn/ui: https://github.com/shadcn-ui/ui

How to create

Create a new workspace called blog since it seems to use pnpm workspace.

Questions

• I was imagining only creating a page that would be /blog/${slug}, are there any other pages that need to be created?
  • Such as a page that will allow people to search for blog categories.
• What would you like the UI to look like?

[yossydev]

@flipvh Hi flipvh, I have created an issue and would like you to check it when you have time!

[flipvh]

Hi Yossy, thanks for opening an issue and amazing you want to help us out with your work using honox 👋 ! I would like to start very simple, as you suggested. Inspiration from a simple yet clean open source repo blog section is: https://www.loglib.io/blog . Their repo for this: https://github.com/loglib/loglib/tree/main/apps/www/src/content/blogs

They work with NextJS, Contentlayer and MDX, but as you say, here we will try to use Honox and vite.

So the first step is to build just a page to see all blogs summarized (/blog) and a page to see a post (/blog/${slug}).

Some thoughts:

• Loglib is using Contentlayer. Do we need it or not? Vite support seems to be a work in progress: https://github.com/contentlayerdev/contentlayer/issues/179#issuecomment-1789585127
• more to come ..

I will share some visuals for the blog design later.

[yossydev]

@flipvh Thanks for the reply!

Loglib is using Contentlayer. do we need it or not?

No, we use remark-frontmatter and remark-mdx-frontmatter for blogging with HonoX. These will parse the mdx into html at build time and display it on the screen when you access that path in a browser.

So the first step is to create a page to see all the blogs together (/blog) and a page to see the articles (/blog/${slug}).

With this requirement, it could be made to look almost like your own blog! (https://github.com/yossydev/blog) My blog uses tailwindcss instead of shadcs/ui to create the UI, but probably no problem there either!

I'll try to get a PR with the environment setup out to this repository as soon as possible later! I'm going to create a honox project under a directory called /blog!

[yossydev]

By the way, where will the hosting be done? I recommend cloudfkare pages, but honox works anywhere, so basically any hosting service will work!

[flipvh]

Lets continue the conversation in the PR ok? I will close this issue

[yossydev]

Lets continue the conversation in the PR ok? I will close this issue

OK!