Bien Démarrer avec HonoX

HonoX est un méta-framework puissant basé sur Hono qui vous permet de créer facilement des applications web full-stack.

Qu'est-ce que HonoX ?

HonoX combine la simplicité de Hono avec des fonctionnalités avancées telles que :

• Routage basé sur les fichiers
• Rendu côté serveur (SSR)
• Génération de site statique (SSG)
• Architecture en îlots pour les composants interactifs

Installation

npm create honox@latest

Structure du Projet

Un projet HonoX typique ressemble à :

my-app/
  ├── app/
  │   ├── routes/       # Routage basé sur les fichiers
  │   ├── components/   # Composants réutilisables
  │   └── islands/      # Composants interactifs côté client
  ├── public/           # Ressources statiques
  └── package.json

Créer Votre Première Route

Créez un nouveau fichier app/routes/about.tsx :

import { createRoute } from "honox/factory";

export default createRoute((c) => {
  return c.render(
    <div>
      <h1>About Page</h1>
      <p>Welcome to my HonoX app!</p>
    </div>
  );
});

Conclusion

HonoX offre une manière moderne, rapide et flexible de créer des applications web. Essayez-le !