Yoga Image

Yogaardiana

Portfolio
  • Portfolio
  • Articles

Back to Portfolio
LACI POS Official Website - Portfolio Banner

LACI POS Official Website

Visit WebsiteGitHubYouTube
Next.js 15
TypeScript
Motion
Tailwind CSS
CSS Modules
Decap CMS
Markdown
gray-matter
Vercel
Cloudflare
GitHub OAuth

Video Demo

About This Project

Laci POS — Landing Page et Écosystème de Contenu Produit

Contexte

De nombreuses petites entreprises indonésiennes n'utilisent pas de logiciel de caisse adapté, soit à cause des abonnements coûteux, soit parce que les solutions existantes sont trop complexes. Laci POS propose une alternative gratuite, légère et facile à utiliser.

Réalisations

Landing Page. Conception d'une page d'accueil interactive comprenant cinq diapositives présentant les principales fonctionnalités du logiciel : encaissement, gestion des stocks, rapports de ventes, sauvegarde et gratuité. Deux rangées de témoignages défilent automatiquement dans des directions opposées afin d'apporter une animation permanente à la page.

Présentation du produit. Développement de sept cartes de fonctionnalités intégrant des vidéos de démonstration, des badges et des effets visuels. Quatre autres diapositives mettent en avant les principaux avantages du produit.

Téléchargement. Création d'une page dédiée permettant de télécharger facilement la version Windows ainsi qu'un lien direct vers GitHub Releases.

Blog. Développement d'un blog basé sur Markdown proposant : recherche instantanée (Cmd + K), filtrage par catégories, pagination, et affichage en liste ou en grille. Les contenus sont analysés avec gray-matter, garantissant simplicité de maintenance et excellentes performances.

CMS. Intégration de Decap CMS connecté à GitHub via OAuth. Les membres de l'équipe peuvent publier des articles directement depuis leur navigateur sans utiliser Git ni modifier le code.

SEO et IA. Mise en place d'une stratégie SEO complète comprenant Sitemap XML, robots.txt, Open Graph, et balises meta. Le site est également optimisé pour plus de 165 robots d'intelligence artificielle, avec la prise en charge de llms.txt et llms-full.txt, facilitant l'interprétation du contenu par des assistants IA tels que ChatGPT et Claude.

Choix techniques

Le projet repose sur Next.js 15, TypeScript et une architecture Static Site Generation (SSG). Toutes les pages sont pré-générées afin d'obtenir des temps de chargement très rapides et un excellent référencement naturel.

Les éléments interactifs sont isolés dans des Client Components, tandis que les contenus du blog sont générés côté serveur afin d'optimiser les performances.

Technologies

CatégorieTechnologie
FrameworkNext.js 15 + TypeScript
AnimationMotion
StyleTailwind CSS + CSS Modules
CMSDecap CMS
BlogMarkdown + gray-matter
HébergementVercel
DNSCloudflare
AuthentificationGitHub OAuth

Résultat

Laci POS est aujourd'hui le site officiel du produit ainsi que sa plateforme de téléchargement et de publication de contenu. Grâce à son blog intégré et à son CMS, le site peut évoluer facilement sans nécessiter l'intervention quotidienne d'un développeur.

🔗 Live website: https://www.lacipos.my.id

Gallery

Back to Portfolio