DEV Community: Alexandro Martinez

EarlyBee - From idea to launch in 3 days: Landing pages to get Pre-orders, Emails or Votes

Alexandro Martinez — Wed, 08 May 2024 15:15:19 +0000

TLDR: Create a quick landing page to for your project at EarlyBee.io.

Day #0 — Scratching my own itch

Since I’m currently working on a Directory Listing Builder, I thought that I could get beta testers by having a private beta. But what if I got many emails? I thought that having a pre-order price would be better. But why not having both?

A few weeks ago my initial domain idea was Waitlister.co, where I’ll create a page like dircraft.waitlister.co so I immediatly bought it, talked to my wife about it but she didn't like the domain. So we decided for EarlyBee.io 🐝 as in early bird.

Day #1— Friday night idea

I asked GPT to validate it

Check out the full chat log I had with GPT here.

Before I started my chat, I created a custom GPT called SaasRock Portals GPT Assistant giving it a bit of context about SaasRock B2B2B portals. This way GPT already has some basics:

I'll use SaasRock to build the SaaS MVP
My customers will manage their portals (in this case Landing Pages) at /app/:tenant/portals/:portal
The portal (landing page) will be available at {subdomain}.earlybee.io (or using a custom domain)

I bought the domain

My wife and I came up with a better domain name: early*Bee*. The domains .com, .so, and .co were already taken, but .io was available.

I asked GPT to generate a logo

I also asked GPT to generate a logo for me:

I used Adobe’s PNG to SVG converter.
Then created the icon and logo in Canva.

End result:

Such a cute be 🥹.

Day 2 — Proof of concept (4 hours)

Motivated enough having a great domain name and a beautiful logo, I hacked the following demo in 2 hours. I basically started with the Portal application (what the end users will see):

TLDW: These are some landing pages I tested.

I always like creating the end-product first, by not touching the database. For example in this case I have a specific files to have example data at app/modules/earlybee/utils/fakeLandingPage.ts:

My time spent on the portal (7.5 hours):

Time tracked for the end-product

Day 3 — Build, Market, Manage

Once I was happy with the portal, I started implementing the root application, which is where the makers will sign up:

Setting up Postmark to send Transactional Emails

Click here to watch me configure a Postmark server from scratch.

Once your domain is verified, it will look like this:

And you should be able to get receive emails from your domain:

Setting up Stripe to get Payments and Subscriptions

Now, to quickly allow users to pay or subscribe to a plan, I need a Stripe account, put the secret key on my .env file, go to /admin/settings/pricing, click “Generate all plans”, and that’s it! Visitors can now subscribe at the /pricing page.

Click here to watch me set up Stripe.

My time spent on the landing page management app:

Total hours: 2 hours

Pre-launch Day

My checklist today:

✅ Post EarlyBee on YouTube presenting the product
✅ Tweet about it
✅ Create a Product Hunt teaser
✅ Send 210 emails to SaasRock newsletter subscribers
✅ Send +1,000 emails to my Gumroad subscribers
⌛ Write this blog post

This is the design I came up with:

Let me know what you think!

...Couldn't launch! Unexpected Stripe Acccount Activation Error

I just encountered the following errors while trying to activate the production Stripe account:

Verify an identity document

“Wait 24 hours to try again”, feels like I may have to reschedule the launch for Wednesday 8th. Stripe support was not able to help in time:

So I couldn't actually use Stripe connect, not even in development mode, which is essential for EarlyBee.

And they actually never responded, twice. The next day I tried again and it blocked me.

So I kind of cheated: I had an pre-activated unused Stripe account (the one for this app) so I just renamed it and changed the website details 😅.

Things happen 😄. But as of today, May 7th, it’s live:

This is how my inbox looks right now (1 min before PH launch):

Conclusion

I’m sooo excited that I was able to complete this project in such a short amount of time and effort. All possible because of the new SaasRock feature: Portals.

Some examples:

Get pre-orders: kickstart your project
Collect emails: start a newsletter
Get upvotes: validate a product

Learn more about building B2B2C apps in saasrock here.

A Day in the Life of a Burned-out Developer: Your Ultimate Guide

Alexandro Martinez — Thu, 14 Mar 2024 14:32:44 +0000

In today’s high-paced world, there’s a secret formula to enduring your burnout state.

1/5) Morning Rituals: Fueling Up for the Day

Begin your day at a leisurely 9 a.m. There’s no need to rush, the path to burnout is a marathon, not a sprint. Kickstart your day with coffee and breakfast, allowing caffeine to kick in for a few hours.

…the path to burnout is a marathon, not a sprint.

Then, Binge-watch a high-quality HBO Max series (The White Lotus, Succession, The Sopranos…). By engaging with complex narratives, you’re not only avoiding work but also filling your mind with enough distractions to prevent any meaningful productivity.

This step is critical for cultivating a deep sense of avoidance and procrastination, key ingredients for burnout.

2/5) Time to Work: Be Productive

Dive into the heart of your productive day:

Mark emails as read: the perfect productivity hack.
Check your stats like it’s Bitcoin 2017: mine are my YouTube channel and saasrock’s analytics.
Look at your editor for a few minutes: Open your editor of choice and stare blankly at the screen, perhaps opening a file or two, scrolling through lines of code without making any changes. Consider typing a few lines, then deleting them, or simply reformatting some code.

Consider typing a few lines, then deleting them, or simply reformatting some code.

This gives you a sense of achievement and progress, a necessary delusion for the burnout-bound developer. The fleeting dopamine hit from seeing any uptick in numbers creates a perfect setup for later stress when actual work is required.

3/5) Physical and Mental Breaks: Thrive for Balance

This is personal but you can replace any activity depending on your taste:

Walk your dog: They don't live enough, so turn your exhaustion into their highlight of the day.
Eat healthy with your wife.
Videogames: Sign up for (or watch) a few Rocket League tournaments, beat a few toxic Chess players, and relax with Helldivers 2.
Social media: answer some customer questions on my discord server. Perfect distraction, offering a semblance of productivity and importance while effectively ensuring that your workload remains untouched.

They don't live enough, so turn your exhaustion into their highlight of the day.

These activities are vital, providing both a break from work and an opportunity to experience victories and defeats in a controlled environment.

Make sure to document these activities on social media, it’s key to crafting a public persona that appears well-rounded and balanced, despite the internal chaos burnout.

4/5) Evening Rituals: Doubling Down on Avoidance

As the evening rolls in, it’s time to double down on your avoidance strategies. Binge another series, sign up for another Rocket League tournament, have dinner with your wife, and dive into +5 YouTube videos on Dune lore. This not only ensures a complete detachment from work but also solidifies your commitment to staying in a burnout state.

5/5) Nighttime Reflection: Setting Up for Tomorrow

As you go to sleep at 2 a.m., reflect on the day’s achievements. The key to a successful journey to burnout is to set unrealistically high expectations, so think of ambitious projects to add to the never-ending backlog, and write down some of them to start the next (current) day with the left foot.

Repeat.

But… How to Reach Burnout Effectively?

In 2 simple steps:

1/2) Work intensely

Make sure to work at least 50 hours a week (or 10-hour days) for at least 2 months in a row.

Monthly Work Stats

Distribute your hours in as many projects as possible, so you don’t put your all your eggs in one basket:

2/2) Set high expectations

Set high but realistic expectations for your growth as a developer/founder.

Expect at least 300 votes in your Product Hunt launches.

Publish 2–3 YouTube videos and expect 1000 subscribers.

Write a few blog posts, and expect +1k monthly SERP clicks.

Conclusion: Embracing Burnout

Reaching burnout isn’t about the destination; it’s about the journey. Embrace it, and you’ll enjoy your time while having internal caos.

…burnout isn’t about the destination; it’s about the journey.

On a serious note

Not everything is about work. This satirical article focuses on the struggles of burn out, but there are other areas in life: family (quality time), health (excersice), fun (hobbies), personal growth (learn new thing)…

But as a solo-developer/founder I’ve always had burn out every 6–12 months. I must accept it or learn from it 😁. And I wanted to share not only the good things of being a solo founder.

Follow me or join saasrock’s discord server.

SaasRock 1.0 - Build, Market, and Manage your SaaS

Alexandro Martinez — Wed, 28 Feb 2024 15:24:31 +0000

SaasRock 1.0 is here! After 2 years of development (and a few months of burnount), I'm marking it as stable.

Live on Product Hunt 🎉.

1/3 Build your SaaS

Jumpstart your idea with Auth, admin and user Dashboards, Stripe for Subscriptions, Entity Builder for autogenerated CRUD and API, and a Workflow builder.

2/3 Market your SaaS

Built-in marketing modules for great SEO: Analytics, Blog, Email Marketing, Knowledge Bases, and a Page Blocks builder.

3/3 Manage your SaaS

Keep everything running smoothly with the advanced Account Management, real-time Notifications, Metrics Tracker, Onboarding flows, Feature flags, and Roles and permissions management.

And a little surprise... shadcn/ui has made it to 1.0.0!

Join the discord server, or follow me on Twitter.

Chat with your Database using Custom GPTs

Alexandro Martinez — Fri, 26 Jan 2024 17:10:28 +0000

Learn how to chat with your database in natural language by using DataLang API or using a custom GPT.

Live on ProductHunt!

1. Set up your Data Source

Create a DataLang account (50% off 12 months for the first 100 customers) and set up your connection string.

Database Source

Select “Database” and add your connection string.

Custom Server Source

If you don’t want to share your password (although encrypted), download the DataLang Custom server to host it on your server (see the code).

⚠️ TIP: Only use database users with read-only access to the tables you want exposed, and never share your API Key.

2. Create Database Views

Write the SQL statement to retrieve the necessary information to facilitate chat interactions among your users, employees, or customers.

By doing this, you’re also exposing your data through the API by calling:

datalang.io/api/data-sources/{source-slug}/views/{view-slug}?sync=false

3 Create an Assistant

An Assistant acts as a bridge, grouping various data sources for chat interaction. For instance, you could create a ‘Sales Assistant’ that only has access to the New York and Chicago branches' data sources, each with 2–3 specialized sales data views.

This is great by itself, but the Assistant’s API can’t do what ChatGPT can so let’s leverage the new GPT store.

4 Create a Custom GPT

Head over to the GPT store, and click Create. You’d need to fill in the following details:

Name: Sales Assistant
Description: New York and Chicago sales assistant
Actions: What your assistant can access (TLDR: all data views from the selected data sources)

Go to your DataLang assistant, click “Custom GPT”, and follow the details instructions.

Now, publish it and share it with your users, employees, or customers!

Become an Affiliate ✨

If you know a company or two that could benefit from this, earn up to 30% for each payment in the first year. Click here to sign up as an affiliate.

What’s next?

This was built using my Remix SaaS boilerplate SaasRock, so tons of upcoming updates this year. I have many ideas specifically for DataLang:

Support more data sources: Files, API…
Support more data views: Stored procedures, spreadsheets…
Add data formats: Table, Chart, PDF…

Follow me to stay tuned, or subscribe to DataLang’s newsletter.

Vite makes your Remix dev productivity 10x in SaasRock v0.9.4

Alexandro Martinez — Fri, 05 Jan 2024 17:57:20 +0000

Migrating to Remix v2 was a great choice since now we can use the latest releases of everything: React 18, Tremor Charts, and now Vite!

Vite is now supported in SaasRock 0.9.4! Read the changelog here.

Vite ⚡

The Developer Experience keeps getting better! It's so fast, that I managed to start and launch a simple MVP (to generate MVP ideas) in 4 days.

Before, any file change took around 7-12 seconds to refresh. Now it's instant! Keep in mind that I use an 8GB Macbook Pro, 2020, so your DX could be slower or faster, but vite dev it's 10x faster than the previous remix dev!

Watch the demo here.

Dynamic Currency

Now you can create a feature flag named "currency" and add custom filters to target a specific audience and set their default displayed currency. For example:

Language is Spanish? Set currency to MXN
Country is France? Set currency to EUR

Watch the demo here.

Quarterly Pricing

In SaasRock 0.9.4 Enterprise edition, you can now create pricing plans with Quarterly and/or Semi-Annual prices.

And of course, saasrock pricing is now reflecting that.

Other Subscription Improvements

Subscription Features Badge

For example, add a "New!" badge on any feature:

New Set Pricing Features page

Update features for selected plans instead of manually updating them one by one:

Other Closed Issues

Optimize the loading of api logs #339
Hardcoded FAQ values #334

See the roadmap here.

What's Next?

Based on the latest poll, I think I'll modularize every feature or add shadcn-ui:

Let me know what you think!

You're welcome to join the Discord server or subscribe to my newsletter.

SaasRock Update: RowRepository, Blog for Tenants and Prompt Mapping

Alexandro Martinez — Thu, 27 Jul 2023 05:27:28 +0000

SaasRock 0.9.1 released!

Implementing custom code is now easier with RowRepository and RowModel. Plus, tenants can now have their own Blog Posts. And Prompt Mapping to generate content using AI that maps to your entity rows.

⭐ RowModel and RowRepository

Watch the demo here.

SaasRock is heavily leading towards no code, so the Entity Builder is becoming one of the most important features. But you can only get to a point with no code. Once you have some basic Entities with Properties and Relationships, you may want to run some custom code, for example, imagine you have a Contract entity, you may want to:

Process a Contract entity row upon creation (onAfterCreate RowHook).
Override the default Contracts View Route (RowsViewRoute.tsx), so it's not just a table with filters and pagination.
Listen to a Webhook Event (i.e. row.updated).

And so on.

I know we have the Code Generator to generate all the files regarding your Entity (list, new, overview, edit, DTOs, service to run DB operations...) but sometimes you only want to override a specific route or run something when something happens (RowHook).

I'm not planning to create a full ORM for entity manipulation, but with the newly implemented classes, I hope it's easier.

RowModel

Server and Client side.

This class encapsulates an entity row (RowWithDetails) so you can get the row property values easier.

In order to use the RowModel abstraction, I load all the entities in an EntitiesSingleton instance at useAppData() and useAdminData().

Before:

const name = RowValueHelper.getText({ entity, row, name: "name" });
const enabled = RowValueHelper.getBoolean({ entity, row, name: "enabled" });

Now:

const company = new RowModel(row);
const name = company.getText("name");
const enabled = company.getBoolean("enabled");

RowRepository

Server-side only.

This is an extension for RowModel, with the difference that it can only run in the backend to run async operations, such as await updateText("property", "value");

In order to use this class, you must ensure you have called getAllEntities or manually load them in the EntitiesSingleton instance with await EntitiesSingleton.load().

Before:

await RowValueHelper.update({ entity, row,
  values: [
    { name: "name", textValue: "New name" },
    { name: "enabled", booleanValue: true },
  ],
  session: { tenantId, userId },
});

Now:

const companyRepository = new RowRepository(item, {

  session: { tenantId, userId },

});

await companyRepository.updateText("name", "New name");

await companyRepository.updateBoolean("enabled", true);

⭐ Blog for Tenants

Watch the demo here.

I've had a few requests for this feature. I really should've implemented every admin feature for app users as well. I've done that with a few: Email Marketing and now Blog Posts. But I should've implemented Knowledge Base, Page Blocks, Webhook Events, and Onboarding for app users as well.

Now your app users can create blog posts, and their blog will be at /b/:tenant-slug and posts at /b/:tenant-slug/post-slug.

But you need to manually enable this at appConfiguration.db.server.ts with tenantBlogs: true (I know, it should be a setting at /admin/settings/app-features).

⭐ Prompt Mapping

Watch the demo here.

With tools like OpenAI API, I'm trying to leverage some of its power for SaasRock users through the Prompt Flow Builder. Imagine the Blog Post feature being 100% built on the Entity Builder, this would mean you could create a Prompt Flow to autogenerate blog posts using custom prompts. That's for later. What's implemented right now is basically creating prompt flows to create or update Entity Rows and their properties.

🔨 Minor Improvements

I also worked on a few minor bug fixes and improvements:

Bulk Delete: A new Entity Builder setting.
New Property Types: WYSIWYG (novel with AI) & iframe src.

My Experience with Deployment

A few thoughts about the best hosting + database provider for SaasRock apps. This is just my experience, I've deployed to Vercel + Supabase, Vercel + Vercel Postgres, Render + Supabase, Render + Render Postgres, Fly.io + Supabase (fast!), Fly.io + Fly Postgres (faster!!), and Fly.io + SQLite (fastest!!!).

I stuck with the Fly + Supabase combo 😀.

Fly.io is awesome! My apps run so fast now, highly recommended. This is basically how you deploy in 5 commands:

fly apps create appname --org orgname

flyctl secrets set ENV_VAR_1=ABC ... --app appname

fly deploy --app appname

fly scale vm shared-cpu-8x --app appname

fly scale memory 4096 --app appname

What's Next?

First, I'm going to the beach this week. When I come back I'll start working on a Workflow Engine. It will start pretty basic, as every other feature does, but my plan is to implement ReactFlow to create triggers, and a true workflow, for example: Upon updating a "Contract" entity row -> Run this HTTP request (i.e. DocuSign API to create a signable contract) -> Get the SignUrl field from the HTTP response -> Update the "Contract" row property "signUrl".

Once a minimal setup is ready, I'll start the Help Desk feature, and of course, this will validate the Workflow Engine (i.e. send an email when creating an Issue).

And don't worry, both Help Desk and the Workflow Engine will be built for both admin and app users.

The final shiny feature before 1.0 is still Affiliates and Referrals, something like Reflio or Rewardful, but 100x simpler.

Thanks a lot to my past and current subscribers. Had this been an open-source project, I may have already abandoned it like with NetcoreSaas and SaasFrontends.

SaasRock KB - Open source Knowledge Base builder

Alexandro Martinez — Thu, 29 Jun 2023 15:44:36 +0000

Open-sourced SaasRock KB! A Knowledge Base starter kit built with Remix, Tailwind CSS, and Prisma.

Watch the introduction demo: https://www.loom.com/share/c5d6a04da4214e3689b38d0e5d211e25

Star it on GitHub if you want me to build a min Help Desk project!

🌟 All features:

Intercom/Crisp-like knowledge base structure
WYSIWYG editor with @tiptap_editor
Markdown editor
Multi-knowlege-base support
Multi-language support
Simple Analytics: Track Views and Votes
Image Storage with Supabase
Article Duplication: Don't write from scratch
Article Drafts: draft and published copies
Import and Export: Quickly transfer knowledge bases
SEO meta tags

I’ll integrate it natively in SaasRock v0.8.9 this week.

Join the discord server and let me know what you think 😁!

Introducing DataLang - Ask questions to your Database in Natural Language

Alexandro Martinez — Fri, 16 Jun 2023 18:00:35 +0000

DataLang is yet another AI (prompt engineering) tool that is set to change the way you interact with databases. I'm excited to introduce you to our platform that allows you to communicate with your database using natural language!

Try the live demo or watch the demo.

Why DataLang?

Working with databases can be a daunting task, especially for non-technical team members. Even for those adept at writing SQL queries, it can sometimes be a time-consuming process. What if there was a tool that could understand your natural language questions and convert them into SQL queries? That's where DataLang comes in.

What Can DataLang Do?

DataLang is designed to make database interaction intuitive and user-friendly. Here's how it works:

You set up your data source connection string.
DataLang fetches all the schema tables and columns from your data source.
You ask a question in natural language, such as "How many users signed up this month?"
DataLang sends your question to GPT (OpenAI).
GPT processes your question and generates an SQL query.
The SQL query executes in your database.
A natural language response is returned.

Security Measures

Credential Encryption

I understand the importance of data security. That's why your data source credentials are encrypted before being stored in the DataLang database, and only decrypted before executing SQL. I use this method to encrypt/decrypt credentials.

Dangerous SQL Statements Prevention

My prompt engineering method uses 4 prompts:

Understanding the end-user question
Interpreting the DB schema + making sense of the question
Crafting SQL statements (SELECT only)
Final SQL safety check

In the 4 steps, the prompts make sure to throw an "Unsafe question" error if it identifies dangerous operations, such as INSERT, UPDATE, DELETE, ALTER, DROP...

API

Use your account API Keys to send questions in the following format:

Pricing That Suits Your Needs

We offer different pricing plans to fit your needs and usage:

Hobby: 2,000 questions/month, 1 data source, and 1 user.
Growth: 5,000 questions/month, 3 data sources, 3 users and API access.
Enterprise: 10,000 questions/month, 10 data sources, 10 users, API access, and priority support.

You can also ask for a quote to have it in a custom server, have more questions per month, or have a custom feature developed, contact us!

Try DataLang today!

I built this MVP with my SaaS framework SaasRock, so I'll wait for user feedback before adding more features. I'm not doing the same mistake of over-engineering a product before actually having users 😅.

Subscribe to the newsletter for more!

SaasRock Update - Autogenerated API docs, Code generator, View Manager, Row Hooks, and more

Alexandro Martinez — Sat, 03 Jun 2023 18:43:09 +0000

May was focused on a ton of improvements (mainly for the Entity Builder):

⭐ Autogenerated API Docs with Swagger (OpenAPI) and Postman
⭐ Code Generator support for new types (Multi-select, Range-number...)
⭐ New Entity View Manager at /admin/entities/views
⭐ New Subscriptions page at /admin/accounts/subscriptions
⭐ Row Hooks: Added functions to customize your BL (onBeforeGetAll, onBeforeEdit, onAfterEdit...)

And other minor fixes:

🔨 Yes-Code: Multi-select missing in generated files #304
🔨 Multi-select attribute not added to Yes-Code Helper #302
🔨 Row Form Number Input cannot clear #303
🔨 Footer Block needs translations #272
🔨 Edit entity gives the wrong path... #268
🔨 ActionResultModal no way to set title #264

Links:

Tweet
Video - Autogenerated Docs API
Video - Account/Tenant Types and Relationships
Demo - Entity Builder (Form/List previews, API docs, Code generator)
Demo - Swagger Docs
Demo - Postman Collection
Changelog - SaasRock v0.8.8

What's Next?

I've said this many times, but hopefully this month I can pull any of these:

Knowledge Base (intercom-like help center, preview)
Help Desk - Enterprise 🚀 _(accounts submit tickets)
Affiliates & Referrals - Enterprise 🚀 (create affiliate links to track signups/commissions)

Let me know what you think of these improvements on the Discord server!

SaasRock Update: GPT Prompt Builder, New Property Types, and more!

Alexandro Martinez — Mon, 01 May 2023 08:07:00 +0000

With SaasRock's latest update, you can now seamlessly implement GPT in real-world applications and enjoy the benefits of new property types, designed to simplify no-code MVP iteration.

Let's dive in!

Summary:

Prompt Flow Builder 🤖 🚀 (a.k.a. prompt-chaining)
New Property Types & Subtypes
System Entities - TenantSettings
Remix v2 Future Flags
Minor Improvements
What's next for v0.9

Prompt Flow Builder

The biggest and most complex feature in this update is the brand-new Prompt Flow Builder, available for Enterprise users 🚀. This powerful tool empowers you to effortlessly create, manage, and execute GPT prompt templates/flows 🤖.

In the following demo, I just type an "idea" and my prompt flow suggests me a website name, domain, feature list, and a CTA.

Demo: https://www.loom.com/share/64e4f6092acd4f11a37d2695e63b1c42.

New Property Types

Types- Multi-Select & Multi-Text

I've added new property types to help you collect more diverse and specific data. With Multi-Select and Multi-Text properties, you now have greater flexibility in designing your forms and capturing the information you need from users.

Subtypes

I've also expanded our property subtypes with Email, URL, Phone, Checkbox Cards, and Radio Group Cards. These subtypes enable you to create more refined and targeted user input fields for a superior user experience.

Demo: https://www.loom.com/share/dbbac201f3784f8793f7ab6c97c1eb28

Demo of Number & Date Ranges: https://www.loom.com/share/51bdf313bb984ac2820f00d24eab41d4

System Entities - TenantSettings

The TenantSettingsRow system entity is now available, providing a centralized location to manage tenant info. This opens the door to creating custom entities for other core models, such as User, Blog Post, TenantUser...

For this, you need to create a custom entity named "tenantSettings" as type "System", then just create the fields you want for every account to fill.

Demo: https://www.loom.com/share/6f32352ee704461191016a5dc4ad9be3

Remix v2 Future Flags

The Remix team is making the migration for v2 so easy with future flags:

"All v2 APIs and behaviors are available in v1 with Future Flags. They can be enabled one at a time to avoid development disruption of your project. After you have enabled all flags, upgrading to v2 should be a non-breaking upgrade."

I've covered the v2_meta and v2_errorBoundary flags.

I tried migrating from remix-run@1.14.3 to remix-run@1.15.0. But it has incompatibility issues with remix-i18n@3.0.0.

Here's a react@18, remix-run@1.15.0, and remix-i18n@5.1.0 if you don't believe I tried 😅: saasrock-dev-git-remixv2-alexandromtzg.vercel.app (it has awkward translations). So I guess we're going to be stuck with 1.14 until I implement a custom translation solution, or even better, Remix builds a native i18n solution.

Minor Improvements

Minor fix [Analytics 🚀]: User Identification

Now when a user logs in, it will be identified across all Page Views and Events in the Analytics module.
Filtering Page Views by Anon or specific User

Minor fix [Subscriptions]: Monthly usage by the current period

Now it calculates the monthly usage based on the current billing period, rather than the calendar month. This change provides a more accurate representation of the tenant's subscription usage.

Minor improvement [Entity Builder]: Order for Entity Rows

Now every row can be sorted on the Table autogenerated view.

Demo: https://www.loom.com/share/46526daf3d0445eba64d9333f747a9a2

What's next for v0.9

Stay tuned for the next update, v0.9, where I'll be working on big features:

Knowledge Base (see the preview here)
Customer Support / Help Desk (Enterprise 🚀)
Affiliates & Referrals (Enterprise 🚀)

And from v0.9 to 1.0 I'll focus on performance 😮‍💨.

As always, I appreciate your continued support and enthusiasm for SaasRock. If you have any feedback or suggestions, feel free to reach out on the public Discord server.

Check out the previous update (v0.8.4 - Feature Flags) here.

SaasRock v0.8.4 🎉 - Feature Flags 🚩 + Admin Panel Improvements

Alexandro Martinez — Wed, 12 Apr 2023 22:25:55 +0000

Finally, consistent updates. SaasRock v0.8.4!

In this update, I focused on enhancing our admin portal with minor improvements and implementing Feature Flags (Enterprise-only 🚀).

Feature Flags 🚩

You can now manage and control the release of new features using our Feature Flags system. Check out the video demo to learn more:

Closed Issues

There were a total of 5 closed issues this week:

⭐ Feature: Feature Flags - #19
🔨 GitHub Issue: Add Admin users from Dashboard - #28
🔨 GitHub Issue: Deactivate Account - #147
🔨 GitHub Issue: Tenant IP Logging - #68
🔨 GitHub Issue: Filter Users by Last Login - #148

Screenshots

Add Admin users from Dashboard:

Deactivate/Activate Account with a Reason:

Tenant IP Logging:

Filter Users by Last Login:

I hope you enjoy these new features and improvements. As always, I appreciate your feedback and support in the discord server.

What's Next?

For v0.9, I'll start working on these two Enterprise features:

Customer Support / Help Desk MVP
Knowledge Base

And grab a few more issues from the roadmap.

Create Compelling SaaS Marketing Pages: ChatGPT-Driven Copy with SaasRock — Part 6

Alexandro Martinez — Wed, 05 Apr 2023 03:49:31 +0000

Discover how to create compelling SaaS marketing pages using ChatGPT-driven design with SaasRock v0.8.3 so you can leverage AI technology to make your marketing pages more engaging and relevant for your audience.

Check out part 5 here.

Chapter 6

SEO Meta Tags
Landing Page Blocks
Generating the Landing Page with ChatGPT

1. SEO Meta Tags

I first want to describe what my SaaS does using the “app/modules/pageBlocks/utils/defaultSeoMetaTags.ts” meta tags: title, description, keywords, image, thumbnail, twitterSite, and twitterCreator.

export const siteTags: MetaTagsDto = {
-  title: "SaasRock | The One-Man SaaS Framework",
-  description:"Quick start your MVP with out-of-the-box SaaS features like Authentication, Pricing & Subscriptions, Admin & App portals, Entity Builder (CRUD, API, Webhooks, Permissions, Logs...), Blogging, CRM, Email Marketing, Page Block Builder, Notifications, Onboarding, and more.",
-  keywords: "remix,saas,tailwindcss,prisma,react,typescript,boilerplate,saas-kit,saas-boilerplate,stripe,postmark,admin-portal,app-dashboard,multi-tenancy",
-  image: "https://yahooder.sirv.com/saasfrontends/remix/ss/cover.png",
-  thumbnail: "https://yahooder.sirv.com/saasfrontends/remix/thumbnail.png",
-  twitterSite: "@saas_rock",
+  title: "Délega | Gestión de cumplimiento",
+  description: "Gestión de cumplimiento de proveedores especializados. Firma tus contratos y gestiona evidencia de documentación legal de proveedores como Opinión de Cumplimiento SAT, INFONAVIT, IMSS y documentación para REPSE .",
+  keywords: "administracion de proveedores, cumplimiento de proveedores, proveedores, proveedores de servicios, documentacion, gestion de documentos, firma de contratos, contrato digital, infonavit, imss, sat, repse, cumplimiento",
+  image: "https://yahooder.sirv.com/Delega/SEO/seo.png",
+  thumbnail: "https://yahooder.sirv.com/Delega/SEO/seo.png",
+  twitterSite: "@delega_app",
twitterCreator: "@AlexandroMtzG",
};

2. Landing Page Blocks

SaasRock has a built-in page blocks builder, read more about this here or watch the demo video.

The default landing page looks something like this:

export function defaultLandingPage({ t }: { t: TFunction }) {
  const blocks: PageBlockDto[] = [
    // Banner
    {
      banner: {
        style: "top",
        text: "SaasRock v0.8.2 🎉 + Entity Code Generator 🚀",
        cta: [{ text: t("front.changelog.title"), href: "/changelog", isPrimary: true }],
      },
    },
    // Header
    {
      header: defaultHeader,
    },
    // Hero
    {
      hero: {
        style: "simple",
        headline: t("front.hero.headline1"),
        description: t("front.hero.headline2"),
        image: "https://yahooder.sirv.com/saasrock/seo/admin-portal.png",
        cta: [
          {
            text: t("front.hero.buy"),
            href: "/pricing",
            isPrimary: true,
          },
          {
            text: t("front.hero.docs"),
            href: "/docs",
            isPrimary: false,
          },
        ],
        topText: {
          text: t("front.hero.subheadline1"),
        },
        bottomText: {
          link: {
            text: t("front.hero.hint"),
            href: "/changelog",
          },
        },
      },
    },
    ...

I have already implemented the following blocks:

I could update the “defaultLadingPage” object manually, or...

3. Generating the Landing Page with ChatGPT

Having configured the meta tags, I can now toggle the “?editMode=true” on the landing page, and click on the ChatGPT icon to automatically generate the existing blocks. It will open up a modal to specify the context. See in the following image, the meta tags are automatically loaded.

I forgot to update the OpenAPI key env variable (OPENAI_API_KEY). You can get yours here: https://platform.openai.com/account/api-keys.

After restarting the server so the .env variable loads, and about 30 seconds, I now have a fully functional landing page:

A few things about this generated landing page:

The landing page was generated in Spanish since my meta tags are in that language.
I can click on the top button “Download Blocks” and paste them into the “defaultLandingPage” block array.
I can add custom details before generating the blocks (e.g. For the Food Industry).
About 70% of the time, it works. Sometimes the ChatGPT-3.5-turbo model returns content in an incorrect format and the block data cannot be parsed (JSON format).
If I didn’t like a block, I could generate it again. Each block has its own ChatGPT icon. And I can inspect the response (or ERROR) by clicking on it.

Another example for the Features block.

Parameters: “SaaS for restaurants, 6 features, formal, innovative”.

Result:

You can even generate full startup ideas with this 👀!!!

End Result

By utilizing ChatGPT-driven design with SaasRock, you can create impressive SaaS marketing copy that matters to your target audience.

There are even more exciting possibilities for the future of SaasRock and ChatGPT-driven design. A potential feature to be implemented in a future SaasRock release is a ChatGPT-Driven variant generator. This enhancement would not only generate the copy for your SaaS marketing pages but also create different variants for each element, such as a more captivating Hero design or a nicer Features list/grid.

I used SaasRock v0.8.3, released on April 4th, 2023

What’s next?

In chapter 7, I’ll cover Migrating from SaasRock Core to Enterprise:

Switching to SaasRock Enterprise
Creating an Onboarding flow
Page view & Event tracking

And more SaasRock Enterprise features.

Follow me & SaasRock or subscribe to my newsletter to stay tuned!