Remix SaaS boilerplate

The Remix SaaS boilerplate with everything you need to start your own startup MVP.

Entity Builder Preview (In progress)

ALPHA ACCESS PRICE!

Use the code "alpha-access" (or click here) to get $600 off until v1.0 is released.

DEMO (v0.2.5)

Click here to explore the demo hosted on Vercel + Supabase (create your own account, and subscribe using a Stripe test card like 4242 4242 4242 4242).

Hello 😀!

I've found the greatest full-stack framework (Remix) and you've found the greatest Remix SaaS kit out there!

Why alpha access?

Until the current roadmap features are implemented:

• Custom Entity Builder: Custom properties, Permissions, Feature flags, Events, end-user API Key manager, Dashboard indicators... Preview: https://www.loom.com/share/1c850239ea1f4891ac1cc6a05de81e65
• Minimal CRM features
• Minimal Support Desk features
• Minimal Workflows features
• Minimal A/B testing features
• UI Components: GDPR, Kanban board...
• Advanced Pricing: Per user/entity pricing (eg: Slack pricing)
• And more...

Features

• Remix + React + Tailwind CSS + TypeScript
• Stripe checkout (Subscriptions)
• Postmark emails (Forgot password, Welcome, Invite user, invite workspaces...). Use the REMIXSAASPOSTMARK code to get 20% discount for 3 months on any paid plan.
• Prisma (Sqlite, Postgres... ORM)
• Front pages: Landing, Pricing, Contact, Register, Login...
• App pages: Dashboard, Profile, Subscription, Members, Tenant, Employees, Contracts, Tenant Relationships...
• Admin pages: Tenants, Users, Pricing, Emails...
• Other features: Multi-tenant user management, User Events, i18n...

Private repository

You will get an invitation to the private GitHub repo to submit and resolve issues. I’ll be adding new components every now and then.

Check out the changelog page 👉 https://remix.saasfrontends.com/changelog

Questions

Send me all your questions at alex.martinez@absys.com.mx.

1. Getting Started

💿 1.1. Rename the .env.example file to → .env and set the following values (although you can come back to this step later):

Required:

• DATABASE_URL - any Prisma supported database connection string
• SERVER_URL - (http://localhost:3000 on dev, site's URL on prod)
• SESSION_SECRET - any secure string
• ADMIN_EMAIL - your admin user
• ADMIN_PASSWORD - don't commit your .env file

Optional:

• APP_NAME - eg: My SaaS app
• STRIPE_SK - click here to get the secret key
• POSTMARK_SERVER_TOKEN - create a free Postmark email server here
• POSTMARK_FROM_EMAIL - Postmark sender signature (eg: hello@yoursaas.com)
• INTEGRATIONS_CONTACT_FORMSPREE - used for /contact URL (create a free form here)
• SUPPORT_EMAIL - used for emails
• COMPANY_ADDRESS - used for emails

💿 1.2. Open the schema.prisma file and set the datasource provider: sqlite, postgresql... (I recommend using sqlite for local dev).

💿 1.3. Generate and seed your database (if you get an error, delete the prisma/migrations folder).

npx prisma migrate dev --name init

If your using sqlite and your database gets messed up, you can always delete the prisma/dev.db file and run npx prisma db push again.

💿 1.4. Install modules and run the app (if you get and error, delete the package-lock.json file):

npm i
npm run dev

💿 1.5 Open localhost:3000 and play with the Light/Dark Mode toggle and Language Selector (English/Spanish).

2. Creating Pricing Plans

The next steps require that you set the SK_STRIPE env variable.

💿 2.1. Log in with your ADMIN_EMAIL and ADMIN_PASSWORD. You will be redirected to the /admin/dashboard.

💿 2.2. To generate the Stripe pricing plans go to /admin/setup/pricing.

💿 2.3. Click on Click here to create them.

💿 2.4. Verify the created Stripe products at the /pricing page.

💿 2.5. Add a new pricing plan.

You should see the new plan on the /admin/setup/pricing page:

3. Creating Email Templates

The next steps require that you set the POSTMARK_SERVER_TOKEN and POSTMARK_FROM_EMAIL env variables.

💿 3.1. To generate the Postmark email templates go to /admin/setup/emails.

💿 3.2. Click on Create all.

💿 3.3. Click on Send test on the Welcome email template.

💿 3.4. Sign out.

4. Register as a SaaS user

💿 4.1. Register with your email at /register. You will be redirected to the /app/dashboard.

💿 4.2. Click on Subscribe and subscribe to any plan (use any Stripe test card).

Stripe Checkout:

Tenant Subscription Settings:

💿 4.3. Cancel the subscription and subscribe to another pricing plan.

Support

The best support is feedback :), feel free to DM me.