猫猫ナビ (lh-nav) — Vue3 ベースの個人向けナビゲーションサイト

Web

概要

猫猫ナビ(lh-nav)は、個人用のリンク集・ナビゲーションサイトを手早く構築できるオープンソースプロジェクトです。Vue 3 と Vite を採用した軽量なフロントエンド実装で、カテゴリ単位の管理やユーザーが追加できるカスタムお気に入りをサポートします。本プロジェクトは元プロジェクト(mao_nav)をフォークし、既知のバグを修正して再構築したものです。静的ホスティングに適した構成で、MIT ライセンスのもとで自由にカスタマイズ可能です(約300字)。

GitHub

リポジトリの統計情報

  • スター数: 11
  • フォーク数: 8
  • ウォッチャー数: 11
  • コミット数: 30
  • ファイル数: 20
  • メインの言語: Vue

主な特徴

  • Vue 3 + Vite による軽量な SPA 構成で高速ビルド・開発体験
  • カテゴリ管理とカスタムお気に入り(ブックマーク)機能
  • オリジナル(mao_nav)からのフォークでバグ修正済み、MIT ライセンス
  • 静的サイトとして容易にデプロイ可能(Netlify / Vercel / GitHub Pages 等)

技術的なポイント

lh-nav はフロントエンド中心のシンプルなナビゲーションアプリで、最新のフロントエンドツールチェーンを活用しています。Vue 3 をコアに採用しており、コンポーネントベースの設計で UI パーツ(ヘッダー、カテゴリリスト、カード等)が分かれています。開発ビルドと高速ホットリロードは Vite により提供され、配布は静的ファイルとして行えるためコストの低いホスティングが可能です。設定は .env.example を通じて環境変数で管理でき、ビルド時に差し替える形を想定しています。データの永続化については、オフラインでの動作や個人利用を想定してローカル JSON またはブラウザ側(localStorage)に保存する構成が取りやすく、外部 DB に依存しない点が導入しやすい特徴です。コンポーネント設計によりテーマやレイアウトのカスタマイズが容易で、レスポンシブ対応された UI によりモバイル・デスクトップ双方で快適に利用できます。さらに、README に記載された通り元プロジェクトの欠点を修正して再構築しているため、既存の mao_nav 利用者が移行して使いやすい点も魅力です。(約700字相当)

プロジェクトの構成

主要なファイルとディレクトリ:

  • .editorconfig: file
  • .env.example: file
  • .gitattributes: file
  • .gitignore: file
  • .vscode: dir
  • index.html: file
  • package.json: file
  • README.md: file
  • public: dir
  • src: dir
  • src/main.js/ts (エントリファイル): file
  • src/components: dir
  • src/assets: dir
  • src/views: dir
  • LICENSE: file …他 15 ファイル

まとめ

軽量で導入しやすく、個人用途のナビゲーションサイト構築に最適です(約50字)。

リポジトリ情報:

READMEの抜粋:

🐱 猫猫导航 (Mao Nav)

由于原作者没修bug所以我全部修了所以重建仓库!

致歉原作者!

💡 致谢与声明

本项目基于原作者 猫猫导航 开发。

🔗 原项目主页https://github.com/maodeyu180/mao_nav


⭐ 如果这个项目对你有帮助,请给它一个 Star!

一个简洁美观的个人导航网站,支持分类管理和自定义收藏夹

License: MIT Vue [![Vite](https://img.shields.io/badge/Vit