features-data.ts

features-list-data.ts

stats-data.ts

testimonials-data.ts

faq-data.ts

footer-data.ts

This project comes with a set of data files that are used to populate the data for the Landing Page. Including things such as testimonials, features, pricing, etc.

[data] Files

2mrw

Thanks for purchasing the 2mrw Boilerplate from me! Follow along to get the app up and running in 10-15 minutes!

Introduction

Pre-Requirements: You should have cloned the repo from GitHub - which is shown in the introduction on how to do that.

Launch in 5 Minutes

This is a list of new features, bug fixes, and improvement made to each new version.

Changelog

This project uses Supabase for the backend, which handles the database, authentication, etc.

Database

In this project, we use middleware middleware.ts to protect our routes from unauthenticated access.

User authentication

This boilerplate comes with a set of custom transactional emails that are used for various purposes including: free trial started, free trial expires soon and referral invites.

Email

Stripe

In this section, we’ll go through the steps on how to enable cron jobs using Edge Functions in Supabase, so that expired Free Trials and Subscriptions are automatically cancelled.

Supabase Edge Functions

This boilerplate comes with user referrals (refera a friend) out of the box to allow users to refer friends and get rewards for that

User Referrals

Create and manage blog posts using MDX files with rich metadata including author information, cover images, and descriptions.

Blog Posts

Learn how to configure and validate environment variables for development and production environments.

Environment Configuration

Learn how to set up and use the Continuous Integration and Continuous Deployment pipeline for preview and production environments.

CI/CD Pipeline

Header

Hero

Featured Testimonial

How It Works

Before and After

Stats

Features

Features List

Product Demo

Testimonials Grid

Pricing Comparison

Footer

Testimonial Side Panel

Onboarding Flow

Form Status Message

This guide covers committing changes, creating a project, importing environment variables, connecting your domain, and setting up Stripe and Google Sign-In for production.

Publish Codebase

For customer support, we’ll be using Crisp as it’s a free alternative to Intercom. It comes with a live chat out of the box and other customer support features.

Customer Support

For plans that introduce a rate limit (e.g. allowing a user to upload 50 files per month), it's recommended to limit the number of API calls a user can perform in a given time frame based on their IP address. In this example, we'll be limiting it to 5 API calls per minute using Upstash.

Rate Limits (API Calls)

This section contains information about how to customise the metadata of the website including favicons, logo, title and description, open graph images (images for social media) and Twitter, so that it matches your brand.

Branding

This boilerplate comes with a light and dark mode out of the box that can be either enabled or disabled through the `app.config.ts` file.

Themes

Support

Find me on Twitter

This file is responsible for handling general information such as enabling the testimonial sidepanel on the auth/sign-in page, enabling / disabling onboarding, etc.

app.config.ts

This file is used to configure the pricing of the app and contains all the Stripe related information such as the pricing plans, free trial, etc.

pricing.config.ts

billing.config.ts

This file is responsible for handling authentication error and success messages that are shown on the auth-status/error and auth-status success pages.

auth.status.config.ts

This file is used to configure the routes of the app. It’s divided into 3 main sections:

routes.config.ts

This file is used to configure the SEO of the app. It’s used to set the title, description, etc.

seo.config.ts

This file is used to configure the onboarding-checklist.tsx allowing to provide the users with rewards for each completed step.

Start Here

Configuration

Components

Production

Tools and Integrations

Extras

[data] Files

features-data.ts

features-list-data.ts

stats-data.ts

testimonials-data.ts

faq-data.ts

footer-data.ts

Start Here

Configuration

Components

Production

Tools and Integrations

Extras

​features-data.ts

​features-list-data.ts

​stats-data.ts

​testimonials-data.ts

​faq-data.ts

​footer-data.ts

features-data.ts

features-list-data.ts

stats-data.ts

testimonials-data.ts

faq-data.ts

footer-data.ts