goobs-auth
v0.3.0
Published
A comprehensive and customizable authentication solution for applications. Includes flexible auth flows, email/SMS verification, custom middleware, and integration with Twilio and SMTP services.
Downloads
86
Maintainers
Keywords
Readme
goobs-auth
The NPM repo is available here - https://www.npmjs.com/package/goobs-auth
goobs-auth is a comprehensive authentication solution for Next.js applications. It provides a flexible and customizable authentication flow that can be easily integrated into your projects.
Table of Contents
- Installation
- Features
- Usage
- Configuration
- API Reference
- Components
- Server Actions
- Middleware
- Customization
- Examples
- Troubleshooting
- Contributing
- License
- Contact
Installation
To install goobs-auth in your Next.js project, run one of the following commands:
npm install goobs-auth
# or
yarn add goobs-auth
Features
- Flexible authentication flow with customizable steps
- Support for email/password, email verification, and SMS verification
- Integration with Twilio for SMS services
- SMTP configuration for email services
- Custom middleware for protecting routes
- Server-side utilities for token management and verification
- React components for different authentication steps
Usage
- Update your
next.config.js
:
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
transpilePackages: ['goobs-frontend', 'goobs-cache', 'goobs-auth', 'goobs-encryption'],
};
export default nextConfig;
- Create an authentication configuration file (e.g.,
.auth.json
) in your project root:
{
"userModel": {
"getUser": {
"path": "./path/to/getUserFunction",
"exportName": "getUser"
},
"setUser": {
"path": "./path/to/setUserFunction",
"exportName": "setUser"
},
"deleteUser": {
"path": "./path/to/deleteUserFunction",
"exportName": "deleteUser"
}
},
"database": {
"connectScript": "// Your database connection script"
},
"authentication": {
"login": [
{ "step": 1, "type": "enterEmail" },
{ "step": 2, "type": "emailAndPasswordVerification" }
],
"registration": [
{ "step": 1, "type": "enterEmail" },
{ "step": 2, "type": "emailAndPasswordAndVerifyPasswordVerification" },
{ "step": 3, "type": "emailVerification" },
{ "step": 4, "type": "textMessageVerification" },
{ "step": 5, "type": "accountInfo" }
],
"forgotPassword": [
{ "step": 1, "type": "enterEmail" },
{ "step": 2, "type": "emailVerification" }
]
},
"twilio": {
"accountSid": "your_twilio_account_sid",
"authToken": "your_twilio_auth_token",
"phoneNumber": "your_twilio_phone_number"
},
"smtp": {
"host": "your_smtp_host",
"port": 587,
"secure": false,
"auth": {
"user": "your_smtp_username",
"pass": "your_smtp_password"
},
"from": "[email protected]"
}
}
- Implement the authentication page in your Next.js app:
// pages/auth.tsx
'use client';
import React from 'react';
import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter';
import { AuthPageContent } from 'goobs-auth';
export default function AuthPage() {
return (
<AppRouterCacheProvider>
<AuthPageContent />
</AppRouterCacheProvider>
);
}
- Protect your routes using the
authMiddleware
:
// middleware.ts
import { authMiddleware } from 'goobs-auth';
export default authMiddleware;
Configuration
The .auth.json
file allows you to customize various aspects of the authentication flow:
userModel
: Define functions for user management (get, set, delete)database
: Specify the database connection scriptauthentication
: Configure the steps for login, registration, and password recoverytwilio
: Set up Twilio credentials for SMS servicessmtp
: Configure SMTP settings for email services
API Reference
loadAuthConfig(configPath?: string): Promise<AuthConfig>
Loads the authentication configuration from the specified path or the default locations.
authUtility(options: AuthUtilityOptions): Promise<ValidateResult | LoginResult | LogoutResult>
A comprehensive authentication utility for server components and server actions.
authSpoof(options?: AuthSpoofOptions): Promise<{ isValid: boolean, validTokens: ValidTokens }>
Generates mock authentication data for testing purposes.
Components
goobs-auth provides several React components for building the authentication UI:
AuthPageContent
: The main authentication page componentEnterEmailStep
: Component for entering emailEmailPasswordVerificationStep
: Component for email and password verificationEmailVerificationStep
: Component for email verificationTextMessageVerificationStep
: Component for SMS verificationAccountInfoStep
: Component for collecting additional account information
Server Actions
goobs-auth includes several server-side actions for handling authentication:
verifyEmail
: Verifies an email addresssendEmail
: Sends an email (e.g., for verification)sendSMS
: Sends an SMS messageverifyUser
: Verifies a user's phone number
Middleware
The authMiddleware
function can be used to protect routes and validate authentication tokens.
License
This project is licensed under the MIT License.
Contact
For questions, feature requests, or support, please contact:
- Matthew Goluba
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/matthew-goluba/
For the quickest response, please use email. Our website is currently under development and will be shared here soon.