LACI POS Official Website
Video Demo
About This Project
Laci POS — ランディングページとコンテンツエコシステム
背景
インドネシアでは、多くの中小企業が高額なサブスクリプション料金や複雑な操作性によりPOSシステムの導入に課題を抱えています。Laci POSは、無料・軽量・シンプルというコンセプトで、その課題を解決するために開発されました。
開発内容
ストーリー性のあるランディングページ。 5つのヒーロースライダーを設計し、レジ機能、在庫管理、売上レポート、バックアップ機能、無料で利用できることを分かりやすく紹介しました。また、ユーザーレビューを2列で反対方向へ自動スクロールさせることで、動きのあるホームページを実現しています。
製品紹介。 7つの機能カードには、デモ動画・バッジ・グラデーションアニメーションを実装しました。さらに4つの紹介スライダーを追加し、数秒で製品の価値を理解できる構成にしています。
ダウンロードページ。 Windows版アプリのダウンロードページを作成し、GitHub Releasesへの直接リンクも用意しました。
ブログ。 Markdownベースのブログシステムを構築し、以下の機能を実装しました：
- 高速検索（Cmd + K）
- タグ検索
- ページネーション
- リスト表示・グリッド表示切替
CMS。 Decap CMS を GitHub OAuth と連携して導入し、ブラウザから記事の作成・編集・公開を可能にしました。GitやNext.jsの知識がなくても運用できます。
SEO。 XML Sitemap、robots.txt、Open Graph、メタタグを実装しました。さらに、165以上のAIクローラー向け設定と llms.txt / llms-full.txt を追加し、ChatGPTやClaudeなどのAIがサイト内容を理解しやすい構成にしています。
技術構成
| カテゴリ | テクノロジー |
|---|---|
| フレームワーク | Next.js 15 (App Router) + TypeScript |
| アニメーション | Motion |
| アイコン | react-icons (Feather Icons, Font Awesome) |
| スタイリング | Tailwind CSS + CSS Modules |
| CMS | Decap CMS 3.x (GitHub backend) |
| ブログエンジン | Markdown + gray-matter |
| ホスティング | Vercel (auto deploy from GitHub) |
| DNS | Cloudflare |
| 認証 | GitHub OAuth App |
成果
Laci POSは現在、公式Webサイト・製品紹介・ブログ・ダウンロードサイトとして運用されています。CMSにより非エンジニアでもコンテンツ更新が可能となり、長期的な運用性と拡張性を備えたWebプラットフォームとなりました。
🔗 Live website: https://www.lacipos.my.id