Community PicksĀ·2yBuild an Invoice App with Next.js 15
Learn to build a full stack invoice app using Next.js 15, TypeScript, Tailwind, and Shaden components. The app will allow invoice creation, payment processing through Stripe, and email notifications via Resend. It leverages new React 19 APIs and uses Drizzle ORM to manage Postgres data. The app includes social login, multi-factor authentication through Clerk, and is deployed on Vercel.
freeCodeCampĀ·2yMobile App Development Course with React Native, Supabase, Next.js
Learn to build a complete e-commerce mobile app with React Native, Supabase, Stripe, and Next.js through a comprehensive freeCodeCamp course. The course covers front-end design, secure back-end setup, payment integration, and deployment, making it ideal for full-stack developers aiming to enhance their skills.
YouTubeĀ·2yBuild a Full Stack React Native App with Payments | PostgreSQL, TypeScript, Stripe, Tailwind
The post describes a comprehensive course on building a full-stack mobile app using React Native. Highlights include creating an Uber clone with 15 screens and advanced features like Expo router, global state management with Zustan, Expo Location, PostgreSQL database, email authentication with Clerk, and Stripe payments. The course aims to teach a wide range of essential mobile app development skills including splash screens, custom tabs, navigation models, Google Maps integration, and responsive design across devices. It also introduces useful development tools like WebStorm for enhanced productivity.
Community PicksĀ·2yBuilding An E-Commerce Store With NextJS
Learn how to build an e-commerce store with Next.js using tools like Appwrite, Next.js, Novu, React Icons, and Stripe. The tutorial covers building the application interface, adding Appwrite to the application, performing CRUD operations with Appwrite, authenticating users with Appwrite, adding Stripe payment checkout, and sending in-app and email notifications with Novu.
Web Dev SimplifiedĀ·2yHow To Build A $1,000,000 SaaS In 7 Hours
Learn how to build a million-dollar SaaS business using the latest Next.js features, focusing on clean, modular, and maintainable code. The project demonstrates creating a clone of the 'Parody Deals' website, featuring customizable country-based discounts, detailed analytics, and Stripe integration for subscription management. The guide walks through setting up a full tech stack with modern tools like Next.js, Tailwind CSS, Stripe, Clerk for authentication, and Neon for database management, ensuring scalable and clean architecture.
Community PicksĀ·2yStripe Dot Dev
Learn how to build web and mobile applications with Stripe to accept payments, send payouts, and manage your business. Developer Advocate Cecil Phillip walks through using the Stripe CLI and shares his favorite workflow features. The post also provides resources for getting help, such as Stack Overflow, Stripe Insiders, Stripe Discord, and Stripe support.
CollectionsĀ·2yBuild and Deploy an AI-Powered Email SaaS with Next.js 14, Prisma, OpenAI, Stripe, and Tailwind CSS
Learn to build and deploy an AI-powered email client using Next.js 14, Prisma, OpenAI, Stripe, TypeScript, and Tailwind CSS. This comprehensive guide covers setting up the project, database management with Prisma, AI integration for email responses, payment processing with Stripe, styling with Tailwind CSS, and deploying to Vercel. Perfect for developers looking to create and monetize a sophisticated SaaS product.
Community PicksĀ·1yleerob/next-saas-starter: Get started quickly with Next.js, Postgres, Stripe, and shadcn/ui.
A starter template for building a SaaS application using Next.js, Postgres, and Stripe. It offers features like authentication, Stripe payment integration, a marketing landing page, subscription management, and a user dashboard. The template includes instructions for setting up the environment, migrating and seeding the database, and deploying to Vercel.
YouTubeĀ·1yš“ Let's build a Full Stack E-Commerce App with NEXT.JS 15 (Sanity, Stripe, Clerk, Tailwind, TS)
The post demonstrates building a full stack e-commerce application using Next.js 15, Sanity, Stripe, Clerk, Tailwind, and TypeScript. It highlights the new features of Next.js 15 and Sanity's powerful live content capabilities, which allow real-time updates and a visual editor for live modifications. The tutorial integrates Stripe for payment processing and Clerk for authentication, showcasing modern web development techniques and tools. The build includes functionalities like fast responsive design, basket processing, search, categories, and a full CMS backend with inventory management.
YouTubeĀ·2yCreate Full Stack E-commerce Website Using React JS | MERN Stack eCommerce Project with Stripe
Learn how to build a full stack e-commerce website using the MERN stack (MongoDB, Express.js, React.js, and Node.js). The tutorial covers building a homepage displaying new collections and best sellers, integrating product filters, adding user login and sign-up functionality, implementing a shopping cart and checkout process with payment options like Stripe and Cash on Delivery, and creating an admin panel for order management. The guide provides step-by-step instructions, emphasizing responsive design and usage of context API for state management.
YouTubeĀ·1yš“ Lets build a Ticket Marketplace SAAS with NEXT.JS 15 (Convex, Stripe Connect, Clerk, Tailwind, TS)
This post guides you through creating a full-stack ticket marketplace SaaS using Next.js 15, Convex, Stripe Connect, Clerk for authentication, and Tailwind CSS for styling. The app includes features such as real-time updates, queue systems for ticket buying, multiactor authentication, server-side functions, cron jobs, rate limiting, and automatic caching. The entire backend is managed by Convex, while Stripe Connect handles the payments and web hooks for transaction processing.
Quastor DailyĀ·1yThe Architecture of Stripe's Document Database
Stripe built DocDB, an internal document database service on top of MongoDB, to efficiently manage large-scale data operations. DocDB facilitates dynamic rebalancing of data shards, ensuring data consistency and operational control. Key features include handling petabytes of data, zero-downtime data migrations, and fine-grained data distribution control.
Quastor DailyĀ·2yHow Stripe synchronizes time across their distributed system
Stripe employs both physical and logical clocks to maintain accurate timekeeping in their distributed billing system. Physical clocks are synchronized using protocols like NTP and PTP to avoid drift, while logical clocks order events without depending on real-world time, using methods like Vector and Lamport Clocks. Stripe combines these approaches with hybrid logical clocks to ensure accurate billing and simulate future events for testing purposes. Additional highlights include a deep dive on caching in system design, eBay's use of LLMs for developer productivity, and Eventbriteās CSRF defense mechanisms.
CollectionsĀ·2yBuild and Deploy a SaaS with Next.js, Prisma, Stripe, and Tailwind CSS
Learn to build and deploy an AI-powered SaaS email client from scratch using modern tools like Next.js, Prisma, OpenAI, Stripe, TypeScript, and Tailwind CSS. The tutorial guides you step-by-step through creating a responsive UI, setting up secure authentication, integrating AI for email composition, managing databases, processing payments, and deploying on Vercel. Gain valuable insights and practical knowledge for building production-ready applications.
Aaron JackĀ·2yI Coded A REAL App with AI in 60 minutes! (Cursor, Claude AI)
The post details the process of building a full app using Cursor, an AI code editor, within 60 minutes. The app focuses on identifying social media influencers from customer lists for better influencer marketing. It involves setting up Firebase for database and authentication, integrating Stripe for payments, and significant problem-solving around code generation and deployment. Key points include the importance of detailed specifications for AI-generated code and the challenges of debugging and finalizing app functionality.
Hacker NewsĀ·2yStripe Data vs OpenāSource Alternatives: a MRR example
Stripe's API lacks straightforward methods for calculating MRR and necessitates the use of additional costly tools like Stripe Sigma and Stripe Data Pipeline. These tools are ideal for large companies with substantial transactions but it's impractical for smaller transactions due to high costs. Open-source alternatives, such as Lago, provide more flexibility and control over financial data, avoiding dependence on expensive third-party solutions.
The Dev CraftĀ·2yFREE: NextJS Boilerplate (Landing Page + Stripe + Resend + NextAuth + Convex + TypeScript)
Developer Chris offers a free Next.js boilerplate to streamline setting up landing pages, authentication, Stripe, and email integrations. This allows developers to focus on building their core applications faster. Chris seeks feedback and support through Product Hunt upvotes, GitHub stars, and social media follows.
Product HuntĀ·2yNext Starter AI - Launch your startup in days, not weeks!
Next Starter AI is a NextJs Typescript Boilerplate kit that allows users to launch their SaaS in days instead of weeks. It provides integration with Stripe and Lemon Squeezy for payment processing, along with a comprehensive marketing and SEO toolkit.
Community PicksĀ·2yIdempotency Keys: How PayPal and Stripe Prevent Duplicate Payment
Learn how PayPal and Stripe prevent duplicate payments using idempotency keys. Idempotency ensures transactions are executed once, preventing customers from being charged multiple times for the same purchase. The workflow of idempotency involves sending a payment request with an idempotency key, checking if the key has been seen before, and processing the request accordingly. Idempotency keys have expiration timeframes to prevent system overload. This innovation in digital payments enhances security and user experience.