Téléchargement nextjs starter medusa - nextjs starter medusa Code source Téléchargement

nextjs starter medusa

Code Source AI

1.0.0

Télécharger

Logo méduse

Modèle de démarrage de Medusa next.js

Combinez les modules de Medusa pour votre backend de commerce avec les plus récentes fonctionnalités.JS 15 pour une vitrine performante.

Condition préalable

Pour utiliser le modèle de démarrage suivant.

npx create-medusa-app@latest

Consultez les documents Create-Medusa-App pour plus de détails et le dépannage.

Aperçu

Le démarreur de Medusa Next.js est construit avec:

Next.js
CSS du vent arrière
Manuscrit
Méduse

Les fonctionnalités incluent:

Support complet du commerce électronique:
- Page de détail du produit
- Page d'aperçu
- Collections de produits
- Chariot
- Découvrez avec Stripe
- Comptes d'utilisateurs
- Détails de la commande
Full Next.js 15 Support:
- Routeur d'application
- Prochain récupération / mise en cache
- Composants du serveur
- Actions de serveur
- Streaming
- Pré-rendu statique

Start

Configuration des variables d'environnement

Accédez à votre répertoire de projets et préparez vos variables d'environnement:

 cd nextjs-starter-medusa/
mv .env.template .env.local

Installer des dépendances

Utilisez du fil pour installer toutes les dépendances.

yarn

Commencer à développer

Vous êtes maintenant prêt à démarrer votre projet.

yarn dev

Ouvrez le code et commencez à personnaliser

Votre site fonctionne maintenant sur http: // localhost: 8000!

Intégrations de paiement

Par défaut, ce démarreur prend en charge les intégrations de paiement suivantes

Bande

Pour activer les intégrations, vous devez ajouter ce qui suit à votre fichier .env.local :

NEXT_PUBLIC_STRIPE_KEY= < your-stripe-public-key >

Vous devrez également configurer les intégrations dans votre serveur MEDUSA. Voir la documentation MEDUSA pour plus d'informations sur la façon de configurer Stripe.