Features
Authentication
Login Page
Allow users to log into your app and redirects them to the app homepage if they are already logged in.
Sign Up Page
Allow users to create an account and optionally subscribe to any newsletter or agree to the terms and conditions.
Verify Email Page
Verify new users' email by sending them a code to the email address they used to sign up, and then redirect them to this page on the server if they are not verified.
Recover Password
Allow users to recover their password by asking for the email associated with their account. If the email exists, send them a link to the password reset page.
Reset Password
This page allows users to create a new password for their account using the account reset link they receive from the password recovery page.
App
Understanding the stack
Front End
We use Webflow to build our front end. We create static HTML sites with templates and components along with styling. Then we proxy this front end from our server to combine it with our JavaScript.
JS Library
For this starter project, we use Thind-JS, a lightweight JavaScript library built for Webflow. You can also use any JavaScript library with state management as well.
Backend Server
Cloudflare Workers serve as the backend for our Webflow web app. We use Cloudflare's edge computing to develop a fast and globally deployed backend.
Hono JS
Hono is a fast and lightweight web application framework that allows us to build APIs in Cloudflare.
Database
D1 is a SQLite-based database that can be deployed on Cloudflare's scalable architecture with incredibly fast read and writes.
Authentication
We use email and password authentication in this starter project with the help of Lucia Auth.
Cloud Stroage
R2 is a Cloudflare solution providing us with an affordable storage option for assets. Additionally, it integrates seamlessly with Cloudflare Worke
Billing
We use Stripe subscriptions to monetize our app. This app uses Stripe's embedded checkout to allow users to pay and then utilizes Stripe's Customer Portal to manage billing.
Email Provider
This template uses Mailersend to send transactional emails to users.