Nuxt Storefront

Node.js SaaS starter ⏱ 10 min Avancé Plan : Pro

À quoi ça sert

Storefront e-commerce moderne en Nuxt 3 avec Vue. Catalogue produits, panier (state local + sync serveur), checkout, comptes clients. Stack agréable côté front, performante côté serveur grâce au SSR Nuxt et au cache Valkey.

Idéal pour démarrer une boutique avec un focus design et performance. Vue 3 + Composition API, TailwindCSS, Pinia pour le state, paiement par carte intégré. Production-ready, pas une démo jouet.

Ce que vous obtenez

  • SSR Nuxt 3 avec hydration partielle
  • Vue 3 Composition API avec <script setup>
  • Pinia pour le state management côté client
  • Tailwind CSS avec presets storefront prêts
  • Cache Valkey pour les pages produit (TTL 60 s par défaut)
  • Image optimization automatique via @nuxt/image
  • Tests Vitest et @vue/test-utils
  • PWA-ready avec service worker optionnel

Pré-requis

Compte di2amp actif. Plan minimal : Pro. Addons utilisés : Postgres, Valkey.

Si vous n'avez pas encore créé de compte, suivez le guide de démarrage avant cette page (5 minutes).

001 Déploiement manuel via CLI

Si vous voulez forker, modifier, ou comprendre étape par étape, utilisez la CLI :

Cloner

$ git clone https://https://<votre-fork>/nuxt-storefront.gitlt;votre-forkhttps://<votre-fork>/nuxt-storefront.gitgt;/nuxt-storefront.git

Créer app et addons

$ paas apps:create ma-boutique-nuxt && paas addons:create postgres-pro --app ma-boutique-nuxt && paas addons:create valkey-starter --app ma-boutique-nuxt

Configurer le paiement

$ paas secrets:set STRIPE_SECRET_KEY=sk_test_xxx --app ma-boutique-nuxt

Pousser

$ git push paas main

Aller plus loin

Agents IA recommandés

  • Code Review
  • FinOps pour optimiser les rendus SSR cachés

Addons utiles à ajouter ensuite

  • Stockage S3 — Photos produits
  • OpenSearch — Recherche avec facettes

Prêt à déployer
Nuxt Storefront ?

Free tier permanent, pas de carte bancaire. Les addons facturés sont visibles avant que vous validiez.