GithubHelp home page GithubHelp logo

rphlmr / supa-stripe-stack Goto Github PK

View Code? Open in Web Editor NEW
103.0 7.0 11.0 415 KB

A Remix & Stripe Stack, backed by Supabase (driven by Prisma), that integrates authentication, subscriptions (multi-currency, month and year intervals) and handling tier limit.

Home Page: https://remix-supa-stripe-stack.fly.dev/

License: MIT License

Shell 0.30% Dockerfile 1.15% TypeScript 95.40% JavaScript 3.09% CSS 0.05%
remix-run remix-stack remix-starter stripe stripe-checkout supabase-js

supa-stripe-stack's Issues

Hangs at "completing your checkout"

Most of the functionality here worked pretty well right out of the box, which I can't say for some of the other solutions I experimented with, so kudos for that. I followed the instructions and got it running pretty seamlessly on localhost, with one exception: it hangs at the "Completing your checkout" screen.

I did a little debugging and determined that the API request is successful, and getSubscription is working correctly. However, it returns a null value because no subscription has been created in the backend database.

When I look at the logs in the Stripe web interface, I can see that my localhost webhook is listening and has returned some POST responses with status code 200, so it's apparently not a webhook problem.

Rather, I think it's that the action function in routes/api/webhook.ts is failing to trigger.

Use tsx

Like my other projects, drop ts-node for tsx.

Uncaught error: Hydraton failed due to Mismatch

Hiya, so first thanks for this starter.
I've managed to get it working, however if we peek into de dev console we see a few errors related to Hydration fail, so it switches to client rendering...
Your demo has it too: https://remix-supa-stripe-stack.fly.dev/ . Although on dev you can see the errors un-minified.

Also when seeding the DB and Stripe, had to do it manually due to "run-s" not being recognized on npm run setup. I don't think an extra package is worth it for that anyways?

Thanks!

Screenshot 2023-09-07 165950

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.