chore: improve features copy

This commit is contained in:
Bereket Engida
2024-11-16 12:27:45 +03:00
parent e26636baf4
commit 944dcaf6a3
3 changed files with 16 additions and 14 deletions

View File

@@ -21,9 +21,9 @@ const features = [
{
id: 1,
label: "Framework Agnostic",
title: "Supports popular <strong>frameworks</strong>.",
title: "Supports for popular <strong>frameworks</strong>.",
description:
"Supports popular frameworks, including React, Vue, Svelte, Astro, Solid, Next.js, Nuxt, Hono, and more.",
"Supports popular frameworks, including React, Vue, Svelte, Astro, Solid, Next.js, Nuxt, Tanstack Start, Hono, and more.",
icon: PlugZap2Icon,
},
{
@@ -31,7 +31,7 @@ const features = [
label: "Authentication",
title: "Email & Password <strong>Authentication</strong>.",
description:
"Built-in support for email and password authentication, with secure password hashing and account management features.",
"Built-in support for email and password authentication, with session and account management features.",
icon: LockClosedIcon,
},
{
@@ -45,25 +45,27 @@ const features = [
{
id: 4,
label: "Two Factor",
title: "Two Factor <strong>Authentication</strong>.",
title: "Multi Factor <strong>Authentication</strong>.",
description:
"With our built-in two factor authentication plugin, you can add an extra layer of security to your account.",
"Secure your users accounts with two factor authentication with a few lines of code.",
icon: ShieldCheckIcon,
},
{
id: 5,
label: "Organization & Access Control",
title: "Gain and manage <strong>access</strong>.",
label: "Multi Tenant",
title: "<strong>Organization</strong> Members and Invitation.",
description:
"Manage users and their access to resources within your application.",
"Multi tenant support with members, organization, teams and invitation with access control.",
icon: RabbitIcon,
},
{
id: 6,
label: "Plugin Ecosystem",
title: "Extend your application with <strong>plugins</strong>.",
title: "A lot more features with <strong>plugins</strong>.",
description:
"Enhance your application with our official plugins and those created by the community.",
"Improve your application experience with our official plugins and those created by the community.",
icon: PlugIcon,
},
];

View File

@@ -75,7 +75,7 @@ export default function Hero() {
</div>
<p className="text-zinc-800 dark:text-zinc-300 mt-3 tracking-tight md:text-2xl">
The most comprehensive authentication library for TypeScript.
The authentication and authorization framework for TypeScript.
</p>
{
<>

View File

@@ -83,7 +83,7 @@ export default function SignUp() {
}
```
By default, the user is automatically logged in after signing up. This behaviour can be changed by configuring your `auth-config`
By default, the user is automatically signed in after signing up. This behaviour can be changed by configuring your `auth-config`
```js
import { betterAuth } from "better-auth"
@@ -215,11 +215,11 @@ await authClient.signOut({
## Session Management
Once a user is signed in, you'll want to access their session. Better Auth allows you easily to access the session data from the server and client side.
Once a user is signed in, you'll want to access the user session. Better Auth allows you easily to access the session data from the server and client side.
### Client Side
Better Auth provides a `useSession` hook to easily access session data on the client side. This hook is implemented in a reactive way for each supported framework, ensuring that any changes to the session (such as signing out) are immediately reflected in your UI.
Better Auth provides a `useSession` hook to easily access session data on the client side. This hook is implemented using nanostore and has support for each supported framework and vanilla client, ensuring that any changes to the session (such as signing out) are immediately reflected in your UI.
It has the following properties:
- **data**: the actual session data which includes `session` and `user` object.