nextjs starter medusa

Medusa Next.js Starter Template

Gabungkan modul Medusa untuk Backend Commerce Anda dengan fitur Next.js 15 terbaru untuk etalase performant.

Prasyarat

Untuk menggunakan template starter next.js, Anda harus memiliki server Medusa berjalan secara lokal di port 9000. Untuk pengaturan cepat, jalankan:

npx create-medusa-app@latest

Lihat dokumen Create-Medusa-App untuk detail lebih lanjut dan pemecahan masalah.

Ringkasan

Starter Medusa Next.js dibangun dengan:

• Next.js
• Tailwind CSS
• Naskah
• Medusa

Fitur meliputi:

• Dukungan e -commerce lengkap:
  • Halaman detail produk
  • Halaman Ikhtisar Produk
  • Koleksi produk
  • Keranjang
  • Checkout dengan Stripe
  • Akun pengguna
  • Detail pesanan
• Full Next.js 15 Dukungan:
  • Router aplikasi
  • Fetching/caching berikutnya
  • Komponen server
  • Tindakan server
  • Mengalir
  • Pra-rendering statis

QuickStart

Menyiapkan Variabel Lingkungan

Navigasi ke direktori proyek Anda dan siapkan variabel lingkungan Anda:

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

Instal dependensi

Gunakan benang untuk menginstal semua dependensi.

yarn

Mulailah berkembang

Anda sekarang siap untuk memulai proyek Anda.

yarn dev

Buka kode dan mulailah menyesuaikan

Situs Anda sekarang berjalan di http: // localhost: 8000!

Integrasi pembayaran

Secara default starter ini mendukung integrasi pembayaran berikut

• Garis

Untuk mengaktifkan integrasi yang Anda butuhkan untuk menambahkan yang berikut ini ke file .env.local Anda:

NEXT_PUBLIC_STRIPE_KEY= < your-stripe-public-key >

Anda juga harus mengatur integrasi di server Medusa Anda. Lihat dokumentasi Medusa untuk informasi lebih lanjut tentang cara mengkonfigurasi stripe.

Sumber daya

Pelajari lebih lanjut tentang Medusa

• Situs web
• GitHub
• Dokumentasi

Pelajari lebih lanjut tentang Next.js

• Situs web
• GitHub
• Dokumentasi