Toolverse
All skills

web-payments

by alinaqi

Stripe Checkout, subscriptions, webhooks, customer portal

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
alinaqi
Category
Frontend
Views
1

About this skill

Stripe Checkout, subscriptions, webhooks, customer portal

How to use

  1. Utwórz konto na Stripe (https://dashboard.stripe.com/register), przejdź weryfikację biznesu i pobierz klucze API ze strony kluczy (https://dashboard.stripe.com/apikeys) — będziesz potrzebować klucza tajnego (sk_test_xxx) i publicznego (pk_test_xxx).

  2. Skonfiguruj zmienne środowiskowe w pliku .env: STRIPE_SECRET_KEY (tylko serwer), STRIPE_PUBLISHABLE_KEY (klient) i STRIPE_WEBHOOK_SECRET (do weryfikacji webhooków). W produkcji użyj kluczy live (sk_live_xxx, pk_live_xxx).

  3. Zainstaluj SDK Stripe dla swojego środowiska: npm install stripe @stripe/stripe-js dla Node.js/Next.js lub pip install stripe dla Pythona.

  4. Wybierz metodę integracji: Checkout hostowany (najszybszy start, Stripe obsługuje UI), Checkout wbudowany (dostosowanie do designu) lub Payment Element (pełna kontrola). Dla większości projektów zacznij od Checkout.

  5. Utwórz endpoint serwera (np. /api/checkout w Next.js), który inicjuje sesję Stripe za pomocą SDK — przekaż dane produktu, ceny i URL powrotu. Endpoint zwróci URL sesji, którym przekierujesz użytkownika.

  6. Skonfiguruj webhooks w dashboardzie Stripe, aby obsługiwać zdarzenia (payment_intent.succeeded, customer.subscription.updated) — webhook endpoint musi weryfikować podpis używając STRIPE_WEBHOOK_SECRET.

Related skills

browser-automation

by browserbase

Automate web browser interactions using natural language via CLI commands. Use when the user asks to browse websites, navigate web pages, extract data from websites, take screenshots, fill forms, click buttons, or interact with web applications. Triggers include \

Frontend
21175

screenshot-to-code

by OneWave-AI

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Frontend
94209

interactive-dashboard-builder

by anthropics

Build self-contained interactive HTML dashboards with Chart.js, dropdown filters, and professional styling. Use when creating dashboards, building interactive reports, or generating shareable HTML files with charts and filters that work without a server.

Frontend
2298

frontend-ui-ux

by code-yeongyu

Designer-turned-developer who crafts stunning UI/UX even without design mockups

Frontend
1884

domain-name-brainstormer

by ComposioHQ

Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.

Frontend
21116

markitdown

by K-Dense-AI

Convert various file formats (PDF, Office documents, images, audio, web content, structured data) to Markdown optimized for LLM processing. Use when converting documents to markdown, extracting text from PDFs/Office files, transcribing audio, performing OCR on images, extracting

Frontend
75173