Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Mega Launch: HONC Day Announcement #396

Merged
merged 10 commits into from
Dec 6, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 17 additions & 2 deletions www/src/content/blog/2024-12-02-mega-launch-week.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ Read the full product post here:

---

## Thursday, Dec 5th: OH MY, OPENAPI!
## Thursday, Dec 5th: Oh my, OpenAPI!

Fiberplane Studio now supports automatic integrated documentation for OpenAPI specs generated with Hono-Zod-OpenAPI.

Expand All @@ -67,4 +67,19 @@ Fiberplane Studio now supports automatic integrated documentation for OpenAPI sp

---

## Friday, Dec 6th: To be announced!
## Friday, Dec 6th: HONC Day!

We are shipping a bunch of new HONC-related features today, including:

- **Hatch**: AI-bootstrapped HONC apps
- A guide to adding client-side components to HONC apps
- A goose-themed JSON Placeholder API
- Support for Drizzle-seed in create-honc-app templates

Check out the announcement post, it's worth a gander:

<LinkCard
title="HONC Day 2k24"
description="*Goose sounds intensify*"
href="/blog/honc-day-2024"
/>
102 changes: 102 additions & 0 deletions www/src/content/blog/2024-12-06-honc-day.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
---
title: "HONC Day 2k24"
description: "A bunch of new HONC-related features"
slug: honc-day-2024
date: 2024-12-06
author: Fiberplane Team
tags:
- launch week
- Hono
- HONC
---

import { Image } from "astro:assets";
import { LinkCard } from "@astrojs/starlight/components";
import hatchExample from "@/assets/blog/2024-12-06-hatch-example.png";

It's HONC Day 2k24!

Today we're excited to announce several new features and tools that make building with HONC even better.
Let's take a gander at what's new.

## Introducing Hatch: AI-Powered HONC App Generation

If you're feeling adventurous, you can now let AI generate a HONC app for you, according to a short description.

Just add the `--hatch` flag to the `create-honc-app` command:

```shell
npm create honc-app@latest -- --hatch
```

And you'll be prompted to describe what you want to build:

<Image
width={400}
src={hatchExample}
alt="Create honc app with a 'hatch' prompt"
style="border-radius: 10px;"
/>

After that, you go through the normal `create-honc-app` flow,
and your template files will be modified to scaffold an api according to your description.

## Adding Client-Side Interactivity to Your HONC Apps

Fiberplane's Oscar van Zijverden put together a guide on client-side hydration for Hono apps, which shows how to add components that go beyond the basic SSR functionality of `hono/jsx`.

This one's worthy of its own separate post on the blog! Check it out here:

<LinkCard
title="Step-by-step guide: Adding client-side logic to your Hono app"
description="A minimal setup for client-side hydration in Hono apps."
href="/blog/client-side-guide"
/>


## Placegoose: A Goosier Take on JSON Placeholder

Sometimes **you just need some honkin' data**, and that's where [placegoose](https://placegoose.fp.dev/) comes in. It's like JSON Placeholder, but with geese.

The code is open source, and it demonstrates some advanced patterns for building an api with Hono/HONC.
Placegoose is a great reference for modeling more complex data relationships with Drizzle, separating out resources into different routers, and
implementing request validation with centralized error handling.

<LinkCard
title="Check out the Placegoose Code"
description="Placegoose is a good reference app for more advanced patterns in Hono."
href="https://github.com/fiberplane/create-honc-app/tree/9b14422df4907acc2b7a90171f38f122ff58d113/examples/placegoose"
/>

## Drizzle Seed Support in create-honc-app

A few short weeks ago, [Drizzle announced support](https://x.com/DrizzleORM/status/1859932421514576210) for seeding databases with fake data.
Today, we've integrated that support into `create-honc-app`.

Say goodbye to our hackadoo seed scripts that always yielded the same 3 elements in your database in the HONC templates, and hello to the power of Drizzle's `seed` command. It uses a pseudorandom number generator and their dataset to use consistent but diverse fake data, which is a fancy word for "same same but different" - you can read more about `drizzle-seed` [in their documentation](https://orm.drizzle.team/docs/seed-overview#drizzle-seed).


## What's Next?

You tell us! Did anything from this barrage of new HONC launches catch your eye?

Hop in our [Discord](https://discord.gg/cqdY6SpfVR) and let us know what you want to see next.

A few things on our radar:

- SSR components for `hono/jsx` ([already in the works](https://github.com/fiberplane/create-honc-app/tree/9b14422df4907acc2b7a90171f38f122ff58d113/ascuii))
- A Web UI to generate new HONC apps with AI
- Guides to writing external APIs with Hono/HONC


## That's a wrap

HONC Day 2k24 is in the books! This is our capstone for Mega Launch Week.

If you missed any of our other launches this week, check them out here:

<LinkCard
title="🚀 Mega Launch Week"
description="Check out all the new features and updates from Fiberplane's mega launch week"
href="/blog/mega-launch-week-2024"
/>
Loading