BacodoBACODO

Tambahan Next.js

Penyepaduan Stripe untuk Next.js

Tambahkan Stripe Checkout atau Elemen Pembayaran, PaymentIntents dan webhook yang ditandatangani pada projek Penghala Aplikasi Next.js anda yang sedia ada tanpa membina pembayaran, 3-D Secure dan pendawaian Pengendali Laluan dari awal.

  • Kod sumber penuh disertakan & milik anda secara kekal
  • Tiada kunci lesen tambahan atau lesen berulang diperlukan
  • Sedia pengeluaran dan diuji
  • Disepadukan ke dalam projek dan tindanan Next.js anda yang sedia ada
  • Sokongan teknikal selepas penyerahan 30 hari disertakan
  • Sokongan Teknikal Lanjutan 6 bulan pilihan pada 20% daripada harga Add-on

Dari

$145

USD · Next.js

Lihat Demo

Penyepaduan Stripe untuk Next.js · Next.js

Kod Sumber PenuhTiada Kunci LesenSedia PengeluaranIntegrasi yang DiujiSokongan 30 Hari

Requirements

What Penyepaduan Stripe untuk Next.js needs

  • Projek Next.js sedia ada
  • Akses Stripe Test Mode

Akses repositori tidak diperlukan. Akses projek hanya perlu jika anda mahu Bacodo mengintegrasikannya secara langsung.

Apa yang dilakukan

Daftar keluar jalur dalam apl Next.js anda

Bacodo menyepadukan Stripe ke dalam projek Next.js yang telah anda miliki. Selepas penyerahan, pelaksanaan kekal dalam repo anda supaya pasukan anda boleh membaca, mengubah dan memanjangkannya. Anda masih memiliki akaun Stripe, kunci API dan yuran Stripe.

Masalah ia selesaikan

Pembayaran kad dan dompet dalam Next.js memerlukan PaymentIntents, Checkout atau Elemen Pembayaran, Kunci rahsia 3-D Secure, pelayan sahaja dan Pengendali Laluan webhook yang mengesahkan tandatangan. Membina laluan itu dari awal adalah perlahan dan mudah tersilap.

Bagaimana ia mendarat dalam projek

Kami menambahkan Stripe.js pada klien Next.js, Pengendali Laluan (atau Tindakan Pelayan) yang membuat PaymentIntents atau Sesi Checkout, pengesahan webhook, kejayaan/batalkan halaman dan konfigurasi ujian/persekitaran langsung untuk Penghala Apl.

Mengapa ia menjimatkan masa pembangunan

Pasukan anda melangkau pelaksanaan Stripe Next.js pengeluaran pertama: Pengendali Penghala Apl, SCA, keadaan ralat dan penyerahan yang mendokumenkan cara menghantar kunci langsung.

Untuk siapa ia

Pembangun, pasukan teknikal, agensi dan pemula yang sudah mempunyai apl Next.js dan mahukan laluan pembayaran pengeluaran yang boleh mereka kekalkan.

Ciri utama

Apa yang Penyepaduan Stripe untuk Next.js sertakan

Stripe Checkout atau Elemen Pembayaran dalam Next.js

Gunakan Stripe Checkout yang dihoskan atau Elemen Pembayaran terbenam pada halaman pembayaran Next.js anda. Butang kemasukan kad, 3-D Secure dan dompet kekal pada laluan PCI Stripe — bukan borang kad tersuai yang anda simpan.

Pengendali Laluan Next.js untuk PaymentIntents

Buat Sesi Checkout atau PaymentIntents dalam Next.js Route Handlers. Penyemak imbas hanya menggunakan kunci boleh diterbitkan dan rahsia pelanggan — kunci rahsia tidak pernah dihantar dalam Komponen Pelanggan.

Apple Pay dan Google Pay dalam Next.js Checkout

Dayakan butang dompet dalam Stripe Checkout atau Elemen Pembayaran apabila akaun dan domain Stripe anda disahkan. Saling balik Next.js kekal pada pembayaran kad.

Mod ujian Next.js kemudian kekunci Jalur hidup

Hantar apl Next.js dengan kunci ujian Stripe, kad ujian dan potong yang didokumenkan kepada kunci hidup. Pembolehubah persekitaran Next.js kekal di luar himpunan klien.

Pengendali Laluan Webhook untuk keadaan pesanan Next.js

Kejayaan pembayaran dalam UI Next.js bukanlah sumber kebenaran. Pengendali Laluan mengesahkan tandatangan Stripe dan mengemas kini pesanan atau keadaan kelayakan sebelum dipenuhi.

Next.js kejayaan, pembatalan dan keadaan ralat

Mengendalikan kad yang ditolak, Daftar Keluar yang dibatalkan, kegagalan rangkaian dan 3-D Secure yang tidak lengkap supaya UI Next.js tidak meninggalkan pelanggan di halaman yang mati.

Kes penggunaan

Bila Penyepaduan Stripe untuk Next.js sesuai

Kedai Next.js sedia ada atau tapak tempahan

Anda sudah menerima pesanan atau tempahan dalam Next.js dan memerlukan pembayaran kad tanpa menulis semula katalog atau aliran tempahan.

Agensi menyerahkan tapak pelanggan Next.js kepada pengeluaran

Anda memerlukan laluan Stripe yang boleh diselenggara dalam Next.js, sumber dalam repo klien dan pemotongan kunci langsung yang didokumenkan dan bukannya prototaip Next.js sekali sahaja.

SaaS atau aplikasi Next.js keahlian

Apl Next.js mesti mengumpulkan pembayaran pertama atau mengemas kini kaedah pembayaran sementara langganan dan invois kekal pada pelayan anda dan Stripe Billing jika anda sudah menggunakannya.

Pembayaran pasaran atau perkhidmatan Next.js kemudian

Mulakan dengan caj pelanggan dalam apl Next.js. Caj Stripe Connect atau destinasi boleh diskop secara berasingan jika model pasaran Next.js anda memerlukannya.

Demo

Next.js Pratonton aliran daftar keluar Stripe

Pratonton laluan daftar keluar Next.js: troli atau tindakan bayar, Elemen Daftar Keluar atau Pembayaran, pengesahan dan keadaan kegagalan. Kotak pasir langsung terhadap akaun Stripe anda tersedia selepas semakan keserasian. Halaman ini tidak memproses caj sebenar.

Cara ia berfungsi

Cara Integrasi Stripe untuk Next.js dihantar

Aliran kerja tambahan Bacodo standard, dengan pemeriksaan Next.js dan Stripe khusus untuk Penghala Apl, Pengendali Laluan dan lapisan data sedia ada anda.

  1. 01

    Pilih Next.js Stripe

    Sahkan Integrasi Jalur untuk Next.js dan sama ada pembayaran satu hari dihoskan Elemen Checkout atau Pembayaran.

  2. 02

    Semakan keserasian Next.js

    Semak versi Next.js, Penghala Apl lwn Penghala Halaman, UI pembayaran sedia ada, pangkalan data dan sama ada anda sudah mempunyai akaun Stripe.

  3. 03

    Sepadukan ke dalam Next.js

    Tambahkan Stripe.js, halaman daftar keluar, Pengendali Laluan untuk sesi atau PaymentIntents dan pengendali webhook yang ditandatangani.

  4. 04

    Konfigurasikan apl Next.js

    Kekunci ujian Wire Next.js, titik akhir webhook dan konfigurasi pelayan khusus persekitaran.

  5. 05

    Uji laluan pembayaran Next.js

    Jalankan kad ujian Stripe, 3-D Secure, laluan batal/tolak dan pengesahan webhook pada apl Next.js.

  6. 06

    Serah terima sumber Next.js

    Hantar sumber Next.js, nota konfigurasi dan senarai semak kunci langsung. Pelaksanaan Next.js adalah milik anda untuk dikekalkan.

Seni bina

Cara Stripe menyambung ke projek Next.js

Penyemak imbas Next.js tidak pernah bercakap dengan Stripe dengan kunci rahsia. Elemen Checkout atau Pembayaran menggunakan rahsia pelanggan daripada Pengendali Laluan. Stripe memberitahu webhook Next.js anda sebelum anda memenuhi.

Halaman seterusnya.jsStripe.js / CheckoutPengendali LaluanStripe PaymentIntentsPengendali Laluan WebhookPangkalan data / keadaan pesanan

Teknologi disokong

Apa yang Penyepaduan Stripe untuk Next.js benar-benar guna

Penghala Apl Next.js

Next.js stabil semasa dengan Penghala Apl ialah lalai. Penghala Halaman boleh diskop jika itu yang repo Next.js anda sudah gunakan.

Stripe.js dan Stripe Node SDK

Stripe.js rasmi pada klien Next.js dan stripe pada pelayan untuk sesi, PaymentIntents dan pengesahan webhook.

Lapisan data Next.js anda

Kemas kini pesanan atau kelayakan kekal dalam pangkalan data atau API yang telah digunakan oleh apl Next.js anda. Kami tidak menggantikan bahagian belakang anda dengan perkhidmatan Bacodo sahaja.

Akaun Stripe untuk apl Next.js

Akaun Stripe anda, ujian dan kekunci langsung yang digunakan oleh Next.js, titik akhir webhook dan acara Papan Pemuka. Yuran pemprosesan Stripe kekal dengan Stripe.

Persediaan pengehosan Next.js diperlukan

Hos yang boleh menjalankan Next.js Route Handlers dan menerima webhooks Stripe (contohnya Vercel atau pelayan Node). Eksport statik sahaja tidak mencukupi untuk laluan daftar keluar ini.

Apa yang disertakan

Penyepaduan Stripe untuk Next.js termasuk

  • Penyepaduan ke dalam projek Next.js sedia ada
  • Kod sumber penuh dalam repositori anda
  • Konfigurasi Pengendali Persekitaran dan Laluan
  • Checkout atau Elemen Pembayaran serta perubahan webhook diperlukan untuk laluan daftar keluar ini
  • Diuji Next.js pembayaran mengalir sebelum penyerahan
  • Nota serahan untuk pemotongan ujian kepada langsung
  • Sokongan teknikal 30 hari selepas penyerahan

Bukan dalam harga tambahan

  • Akaun Stripe, kunci API dan yuran pemprosesan Stripe — anda memilikinya
  • Pangkalan data atau CMS baharu jika anda tidak mempunyai tempat untuk menyimpan keadaan pesanan
  • Marketplace Connect, produk Pengebilan tersuai atau penggantian Pembelian Dalam Apl melainkan diskop sebagai kerja tersuai

Pricing

Integrasi Jalur untuk harga Next.js

Harga ini adalah untuk platform Next.js sahaja. Ia tidak menggunakan harga tambahan Django atau Flutter.

Penyepaduan Stripe untuk Next.js

Tambahkan pembayaran Stripe sedia pengeluaran pada apl Next.js sedia ada dan simpan kod sumber.

Keperluan

  • Projek Next.js sedia ada
  • Akses Stripe Test Mode

$145

sekali bayar

Next.js

Perlu backend?

  • Kod sumber penuh
  • Tiada yuran lesen
  • Sokongan 30 hari
  • Integrasi penuh

Checkout selamat olehstripe

Penyerahan + keselamatan

Next.js penghantaran dan amalan keselamatan

Anggaran penghantaran Next.js

Penyepaduan keluar biasa Next.js Stripe diskop selepas semakan keserasian Next.js. Garis masa bergantung pada UI dan lapisan data Next.js semasa anda.

Diuji pada Next.js sebelum penyerahan

Kad mod ujian, laluan 3-D Secure, batal dan tolak digunakan pada apl Next.js sebelum kami menyerahkannya.

Rahsia jalur kekalkan daripada Komponen Pelanggan Next.js

Kunci rahsia jalur dan rahsia menandatangani webhook kekal dalam env pelayan. Penyemak imbas Next.js hanya menerima kunci boleh diterbitkan dan rahsia pelanggan jangka pendek.

Pengesahan Webhook untuk pesanan Next.js

Pengendali Laluan webhook Next.js mengesahkan tandatangan Stripe sebelum mengemas kini perintah atau keadaan kelayakan.

Tiada tuntutan keselamatan Next.js yang tidak boleh disahkan

Kami tidak menuntut pensijilan PCI, penipuan sifar atau kadar kelulusan yang dijamin. Data kad Next.js dikumpul melalui Stripe Checkout atau Elemen Pembayaran, bukan borang kad tersuai yang kami simpan.

Soalan lazim

Soalan lazim

Apakah yang termasuk Stripe Integration for Next.js?

Penyepaduan Stripe untuk Next.js termasuk Stripe.js, Checkout atau Elemen Pembayaran pada halaman pembayaran Next.js sedia ada anda, penciptaan PaymentIntent atau Sesi Checkout dalam Pengendali Laluan, pengendali webhook yang ditandatangani, liputan ujian dan nota penyerahan. Anda menerima sumber Next.js dalam projek anda. Yuran Stripe dan akaun Stripe anda adalah berasingan.

Adakah anda akan menyepadukan Stripe ke dalam apl Next.js sedia ada kami?

ya. Penyepaduan Stripe untuk Next.js dibina untuk projek Next.js yang telah anda miliki. Kami memasukkan daftar keluar dan titik masuk pembayaran ke dalam laluan dan UI Next.js semasa anda dan bukannya menghantar apl demo yang berasingan sebagai penghantaran.

Adakah Integrasi Stripe untuk Next.js memerlukan pelayan?

Ya untuk pengeluaran Next.js Jalur Jalur. PaymentIntents, Checkout Sessions dan kunci rahsia mesti hidup pada pelayan. Penyemak imbas Next.js hanya menerima kunci yang boleh diterbitkan dan rahsia pelanggan. Eksport Next.js statik sahaja tidak boleh mengehoskan laluan webhook ini.

Pakej Stripe manakah yang digunakan oleh Stripe Integration untuk Next.js?

Penyepaduan Stripe untuk Next.js menggunakan Stripe.js rasmi pada klien dan SDK Nod Jalur dalam Pengendali Laluan Next.js. Kami tidak membalut pembayaran Next.js dalam pemalam tidak berdokumen melainkan anda memerlukannya secara eksplisit.

Adakah Stripe Integration untuk Next.js menyokong Apple Pay dan Google Pay?

Ya apabila akaun Stripe anda, pengesahan domain dan peranti menyokongnya. Dalam Next.js, butang dompet adalah skop pilihan. Pembayaran Kad atau Elemen Pembayaran pada Next.js kekal sebagai sandaran lalai.

Adakah Penghala Halaman disertakan dalam Penyepaduan Stripe untuk Next.js?

penyepaduan Stripe Lalai untuk skop Next.js ialah Penghala Apl. Laluan API Penghala Halaman boleh disertakan jika itu yang repo Next.js anda sudah gunakan dan kami bersetuju dengannya semasa semakan keserasian Next.js.

Bolehkah Stripe Integration untuk Next.js mengutip bayaran langganan?

Pelanggan Next.js boleh mengesahkan PaymentIntent atau memulakan Sesi Checkout melalui Stripe.js. Produk Stripe Billing berulang, portal pelanggan dan logik invois secara langsung pada pelayan. Kerja Next.js yang berat langganan mungkin memerlukan Sebut Harga Tersuai.

Di manakah kunci boleh diterbitkan dan rahsia Stripe berada dalam apl Next.js?

Penyemak imbas Next.js hanya menggunakan kunci boleh diterbitkan Stripe. Kunci rahsia dan rahsia menandatangani webhook kekal dalam pembolehubah persekitaran pelayan yang digunakan oleh Pengendali Laluan. Integrasi Jalur untuk Next.js tidak meletakkan kunci rahsia dalam Komponen Pelanggan.

Bagaimanakah mod ujian Stripe dan mod langsung berfungsi dalam Next.js?

Kami melaksanakan Integrasi Stripe untuk Next.js terhadap kunci ujian Stripe dan kad ujian terlebih dahulu. Disiarkan secara langsung ialah kunci yang didokumenkan dan pemotongan webhook dalam Stripe Dashboard dan persekitaran pelayan Next.js anda, bukan pengaktifan lesen tambahan.

Bagaimanakah Integrasi Stripe untuk Next.js mengendalikan 3-D Secure / SCA?

Stripe Checkout dan Elemen Pembayaran mengendalikan 3-D Secure melalui Stripe.js. Halaman Next.js mesti memastikan aliran keluar masuk sehingga Stripe mengembalikan status akhir; Penyepaduan Stripe untuk Next.js menyambungkan keadaan tersebut secara eksplisit.

Adakah webhook Stripe diperlukan untuk pembayaran Next.js?

Ya untuk pemenuhan selepas Next.js Checkout atau Elemen Pembayaran. UI Next.js bukanlah sumber kebenaran. Pengendali Laluan mengesahkan tandatangan webhook Stripe dan kemudian menandakan pesanan dibayar, membuka kunci kandungan atau memberitahu pemenuhan.

Bolehkah kami mengekalkan UI pembayaran Next.js semasa kami dengan Stripe?

ya. Penyepaduan Stripe untuk Next.js biasanya menyimpan produk Next.js anda, troli dan butang bayar serta membuka Checkout atau memasang Elemen Pembayaran daripada tindakan itu. Borang kad Next.js tersuai yang menyentuh data PAN mentah adalah di luar skop lalai kerana Elemen Checkout atau Pembayaran ialah laluan PCI yang lebih selamat.

Adakah harga Stripe Integration untuk Next.js termasuk akaun atau yuran Stripe?

Tidak. Anda membuat dan memiliki akaun Stripe, kunci API dan yuran pemprosesan Stripe. Harga tambahan Next.js dilaksanakan ke dalam projek Next.js anda, bukan lesen pembayaran Bacodo.

Adakah Stripe Integration for Next.js menggantikan Apple atau Google In-App Purchase?

Tidak. Barangan digital yang dijual di dalam gedung aplikasi selalunya masih memerlukan IAP. Integrasi Stripe untuk Next.js adalah untuk pembayaran Stripe dalam tapak web atau apl web Next.js dengan Stripe ialah laluan pembayaran yang dibenarkan untuk jenis produk anda.

Bolehkah kami menyesuaikan resit Stripe dan metadata dalam Next.js?

ya. Metadata PaymentIntent atau Sesi Checkout, rekod pelanggan dan medan yang anda kekalkan selepas pengesahan webhook diselaraskan dengan model pesanan Next.js sedia ada anda semasa Penyepaduan Stripe untuk Next.js.

Apakah sokongan Next.js yang disertakan selepas penyerahan Stripe?

Sumber Next.js ada dalam repo anda, jadi pasukan anda boleh mengekalkannya. Sokongan 30 hari yang disertakan meliputi soalan teknikal dan kecacatan dalam penyepaduan Stripe yang dihantar untuk skop Next.js, bukan kerja ciri Next.js yang tidak berkaitan.

Bagaimanakah kemas kini Stripe.js atau Stripe API dikendalikan pada Next.js?

Semasa tetingkap 30 hari kami membantu dengan kerosakan dalam penyepaduan Next.js yang dihantar disebabkan oleh perubahan Stripe atau Stripe.js yang didokumenkan. Peningkatan pakej Next.js yang berterusan selepas itu ialah penyelenggaraan anda atau Sokongan Teknikal Lanjutan jika anda membelinya.

Bagaimana jika pembayaran Stripe gagal dalam apl Next.js pengeluaran?

Kami mendokumenkan cara membaca status PaymentIntent atau Sesi Checkout, log Papan Pemuka Stripe dan penghantaran webhook daripada laluan daftar keluar Next.js. Sokongan 30 hari termasuk penyelesaian masalah penolakan, 3-D Secure drops dan salah konfigurasi kekunci untuk aliran Next.js yang dihantar.

Versi Next.js manakah yang serasi dengan Stripe Integration untuk Next.js?

Kami mengesahkan versi Next.js, Penghala Apl atau Penghala Halaman dan masa jalan Node anda terhadap Stripe SDK yang kami sematkan pada masa penyepaduan. Masa jalan Next.js yang lebih lama atau banyak bercabang mungkin memerlukan skop tambahan.

Apakah sokongan 30 hari berbanding Sokongan Teknikal Lanjutan 6 bulan untuk Penyepaduan Stripe untuk Next.js?

30 hari selepas penyerahan disertakan untuk laluan Jalur Next.js yang dihantar. Sokongan Teknikal Lanjutan adalah pilihan pada 20% daripada harga tambahan Next.js ini dan meliputi enam bulan lagi bantuan teknikal pada penyepaduan Next.js yang sama, bukan binaan produk baharu.

Penyepaduan Stripe untuk Next.js

Tambahkan pembayaran Stripe sedia pengeluaran pada apl Next.js sedia ada anda, simpan kod sumber dan langkau pembayaran bangunan dari awal.

$145