GithubHelp home page GithubHelp logo

k0mpreni / marky Goto Github PK

View Code? Open in Web Editor NEW
11.0 1.0 4.0 275 KB

A Sveltekit Supabase Stripe SaaS template

Home Page: https://marky-chi.vercel.app

JavaScript 3.96% CSS 2.97% HTML 0.56% TypeScript 19.32% Svelte 51.63% PLpgSQL 21.57%

marky's Introduction

Thanks to JS ecosystem, this doesn't work anymore.

marky

A template for SaaS built with Svelte, Supabase and Stripe

Why? So you can quickly bootstrap and focus on your idea

Todo

And a lot other stuff that I will build while learning more about SaaS, like good landing pages and so on

Development

Clone the repo then copy the .env.example into a .env file and add your env variables

cd marky
npm install
npm run dev

Setup Supabase

Sign into Supabase Create a project In "Authentication", set the wanted providers and add them into the login page https://supabase.com/docs/guides/auth/social-login

Setup auth trigger

Execute this to create a trigger that will run the function to create a user and organization when a new user is created in the auth table

CREATE TRIGGER
  create_profile_on_signup
  AFTER INSERT ON auth.users
  FOR EACH ROW
  EXECUTE PROCEDURE
    public.create_profile_for_new_user();

Setup Stripe

Sign into Stripe Go to Products and add the wanted products, this will be the plans shown on the site Add CVC rule

Useful links

How to set prices: https://www.indiehackers.com/post/the-ultimate-guide-to-saas-pricing-7962e070de

Thanks

The free Tailwind components from https://www.tailbits.com/components/free

If you are building stuff with this, I would love to see what you built, feel free to ping me!

marky's People

Contributors

k0mpreni avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

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.