React Router V7 Better Auth
This is a template that can be deployed on Cloudflare Workers, built with React Router v7 (Remix), Better Auth, Drizzle ORM, and D1.
Overview
The integration of React Router v7 with Better Auth creates a powerful template specifically designed for deployment on Cloudflare Workers. With a focus on user authentication, this template not only enhances route management but also includes various features aimed at securing user data and improving the overall experience. By incorporating Drizzle ORM and Cloudflare D1, it addresses the modern needs of web developers looking for robust database management solutions.
The template is ideal for developers who want to streamline authentication and enhance user session management while leveraging the benefits of server-side rendering and TypeScript. The addition of TailwindCSS for UI styling ensures that developers can create visually appealing applications with ease, making this template a versatile option for various projects.
Features
- Email and Password Authentication: Offers secure login and registration capabilities with email and password to enhance user security.
- Password Recovery: Allows users to easily reset their passwords, providing a straightforward recovery process.
- Social Login: Facilitates quick sign-ins using accounts from popular platforms like Google and GitHub.
- Secure Session Management: Utilizes Cloudflare KV for robust session handling, ensuring user data is handled safely.
- Admin Panel: Comes with a comprehensive dashboard for managing users and implementing role-based access controls.
- Server-side Rendering: Improves page load times and SEO by rendering pages on the server before sending them to the client.
- Hot Module Replacement (HMR): Enables developers to see changes in real time without refreshing the entire application, significantly enhancing the development workflow.
- TypeScript by Default: Promotes cleaner and error-free code with built-in TypeScript support for better maintainability and scalability.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- TanStack
TanStack is a collection of high-quality, framework-agnostic libraries including TanStack Query for data fetching, TanStack Router for routing, TanStack Table for tables, and more. These tools provide powerful, type-safe solutions for common web development challenges.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Drizzle ORM
Drizzle ORM is a TypeScript ORM for SQL databases designed with maximum type safety in mind. It comes with a drizzle-kit CLI companion for automatic SQL migrations generation. Drizzle ORM is meant to be a library, not a framework. It stays as an opt-in solution all the time at any levels.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.