dev-xo / remix-saas

A Lightweight, Production-Ready Remix Stack for your next SaaS Application.

A Senior Software Engineer aiming to improve your Developer Experience.

Twitter 𝕏 Bento

remix-saas's Issues

[ Request ] Let's improve Remix SaaS together!

Hello folks! 👋

Although Remix SaaS is currently in good shape, there are some small improvements we could make in order to provide a better template for us all.

Due to the lack of time I currently have, I'll leave here a few possible improvements, in case we could all start a talk and slowly look into them.

Possible Improvements

• TypeScript Server File #240
• Improved Testing Setup (Currently very basic) #239
• Minimize main repository size (Relocating "unnecessary" files)
• More Payment Providers like Paddle or Lemon Squeezy
• ... some other things that could be nice to have or improve.

Any doubts, ideas, or suggestions, feel free to reach out to me on Twitter or simply continue the talk here on GitHub!

[ Request ] Add Playwright Testing

refer to :

1. https://github.com/sergiodxa/remix-auth/blob/main/test/authorizers.test.ts
2. sergiodxa/remix-auth#166

[ Fix ] Docs: about skip-seed in document.

During the installation process, in the database section, if you follow the documentation and run the command:
npx prisma migrate dev --name init --skip-seed
You must then run the following command afterward:
npx prisma db seed
Before executing this command, you must ensure that you have set the STRIPE_PUBLIC_KEY and STRIPE_SECRET_KEY in the .env file, otherwise, it will throw an error in the seed.ts file.
Secondly, you need to delete all the products from the Stripe product list, otherwise, it won't create new products.
After running npx prisma db seed, it will create the admin account with the following credentials:
Username: [email protected]
Password: admin

It is recommended to do more description in documents about seed

It is recommended to separate the initialization process, including creating permissions and the admin account, from the product creation process. Place the initialization tasks in the seed command, while the product creation should be executed in a separate file.

great work,thanks

[ Feature ] Workspaces and Teams

Will You Implement Workspaces and Teams?

Hi,

Do you plan to implement Workspaces and Teams management features in the project? We believe these functionalities would greatly improve organization and collaboration among users.

Grande projeto!

[ Request ] Various Issues and Improvement Suggestions

Thank you for providing this template. It is very helpful.

Encountering couple of problems and not sure how to address them. Any help is greatly appreciated.

1. I am able to run the project and login with eMail of admin. But in the billing section, the "manage" customer portal is failing (because user.customerId is NULL for admin).
2. Tried with Github Auth, and was able to login, but after login it never goes to dashboard page. It is going back to localhost:3000. This is the same behavior on your live demo also. After social login it is taking to home-page rather than the dashboard. After debugging, it looks like below code is the culprit

   remix-saas/app/routes/auth+/$provider.callback.tsx

   Lines 11 to 15 in a672e05

   	return authenticator.authenticate(params.provider, request, {
   	successRedirect: LOGIN_PATH,
   	failureRedirect: DASHBOARD_PATH,
   	})
   	}

   
   The redirect URLs are swapped. Making the successRedirect point to DASHBOARD_PATH resolved this problem.
3. However, with Github emails there is another problem. The Github API does not automatically send email when it is declared as private. Hence the profile._json.email will be null.

   remix-saas/app/modules/auth/auth.server.ts

   Lines 81 to 94 in a672e05

   	let user = await prisma.user.findUnique({
   	where: { email: profile._json.email },
   	include: {
   	image: { select: { id: true } },
   	roles: { select: { name: true } },
   	},
   	})
   	if (!user) {
   	user = await prisma.user.create({
   	data: {
   	roles: { connect: [{ name: 'user' }] },
   	email: profile._json.email,
   	},

   
   The email gets populated only in the profile.emails Hence changing the above code as below fixed that problem:

      const email = profile._json.email || profile.emails[0].value;
      let user = await prisma.user.findUnique({
        where: { email },
        include: {
          image: { select: { id: true } },
          roles: { select: { name: true } },
        },
      })

      if (!user) {
        user = await prisma.user.create({
          data: {
            roles: { connect: [{ name: 'user' }] },
            email,
          },

4. Could not find event handlers for Stripe customer deletion customer.deleted event.
   I upgraded from Stripe Stack which had the event handlers for many Stripe events, which seem to be missing in this template. Would be great if the support for all events is added back into this.
5. DB Seed code is currently creating the database entries directly for the plans, prices etc.

   remix-saas/prisma/seed.ts

   Lines 101 to 105 in a672e05

   	// Store product into database.
   	await prisma.plan.create({
   	data: {
   	id,
   	name,

   
   Instead it should listen to the plan.created price.created etc. events from the Stripe webhook and create the equivalent entries in the database. This way the local database will always be kept in sync with the stripe. For example, when a price or plan is deleted it can be deleted or marked as inactive in the local database.

Thank you again for sharing this great work publicly. Some of these above changes can be make it much more refined.