Back

💰 Stripe

Stripe react server components for creating a stripe portal to handle one time payments

checkout-button.tsx
"use client";

import type S from "stripe";
import { useState } from "react";
import { loadStripe, Stripe as StripeClient } from "@stripe/stripe-js";

import { Button } from "@/components/ui/button";
import { toast } from "sonner";

// Initialize stripePromise to hold the loaded Stripe instance
// 🎬 join to snag the full code
route.ts
"use server";

import "server-only";

import { NextRequest } from "next/server";

import { stripe } from "@/lib/stripe";
import { dbAdmin, adminConfig } from "@/db/admin";
import { handleLifetimePayment } from "@/app/_data/stripe-lifetime";

// 🎬 join to snag the full code
checkout.tsx
import { headers } from "next/headers";
import Stripe from "stripe";

import { stripe } from "@/lib/stripe";
import { CheckoutButton } from "./checkout-button";

export async function StripeCheckout({
  price, // Price for the item or membership
  className, // Optional className for styling
  children, // Optional children elements
// 🎬 join to snag the full code

Buy for life

Lifetime membership

Includes new components, templates, new dev tools, and more.

What's included

  • Templates
  • Starters
  • Dev Tools
  • Components
launch week discount

$79$100USD

previous cost$59USD

Whats in the 📦

Years of value. Years of new components, templates, starters, yours to own forever. Everything you need to ship beautiful apps.

2

Nextjs Starters

All the boilerplate code you need to spin up a Saas: stripe, supabase db, supabase auth, UI components.

2 Fully Designed Templates

Rune New

Fully designed. Prod ready

Embeddings, auth, stripe.
Manifest is a pocket perplexity app. Upload any files and chat when them.

Make it pop 🤌

Components

Powerful components built specifically
for shipping unique AI Saas apps.

Dev Tools

Generate full stack features

Run the dev tools locally. Generate shadcn components, Api routes, supabase schemas, rls policies and more.

fresh

API Snippets

Like shadcn for the backend. Copy and paste a snippet
instead of reverse engineering an app for a single feature.